@ibdop/platform-kit 1.0.11 → 1.0.12
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/hooks/index.d.ts +1 -1
- package/dist/hooks/index.d.ts.map +1 -1
- package/dist/hooks/useApi.d.ts +10 -7
- package/dist/hooks/useApi.d.ts.map +1 -1
- package/dist/hooks/useShellAuth.d.ts +2 -5
- package/dist/hooks/useShellAuth.d.ts.map +1 -1
- package/dist/index.js +10 -10
- package/dist/index.mjs +870 -830
- package/dist/index.umd.js +10 -10
- package/dist/services/api.d.ts +2 -0
- package/dist/services/api.d.ts.map +1 -1
- package/dist/utils/index.d.ts +1 -0
- package/dist/utils/index.d.ts.map +1 -1
- package/dist/utils/shellAuth.d.ts +43 -0
- package/dist/utils/shellAuth.d.ts.map +1 -0
- package/package.json +3 -5
- package/src/hooks/index.ts +1 -1
- package/src/hooks/useApi.ts +76 -17
- package/src/hooks/useShellAuth.ts +6 -26
- package/src/services/api.ts +43 -43
- package/src/utils/index.ts +10 -0
- package/src/utils/shellAuth.ts +106 -0
package/dist/index.umd.js
CHANGED
|
@@ -1,18 +1,18 @@
|
|
|
1
|
-
(function(v,c){typeof exports=="object"&&typeof module<"u"?c(exports,require("react"),require("axios")):typeof define=="function"&&define.amd?define(["exports","react","axios"],c):(v=typeof globalThis<"u"?globalThis:v||self,c(v.PlatformKit={},v.React,v.axios))})(this,(function(v,c,ot){"use strict";const ye={log:(...t)=>{},warn:(...t)=>{}};function $(){if(typeof window>"u")return null;const t=window;if(t.__SHELL_AUTH_INSTANCE__)return t.__SHELL_AUTH_INSTANCE__;const n=window;return n.__SHELL_AUTH__?.authInstance?n.__SHELL_AUTH__.authInstance:null}function z(){const[t,n]=c.useState(null),[a,u]=c.useState(!0),o=c.useRef(0),p=20,s=c.useCallback(()=>$(),[]);c.useEffect(()=>{const w=s();if(w){n(w),u(!1);return}const f=l=>{n(l.detail),u(!1)},_=setInterval(()=>{o.current++;const l=s();l?(ye.log("Auth found via polling, attempts:",o.current),n(l),u(!1),clearInterval(_)):o.current>=p&&(u(!1),clearInterval(_))},500);return window.addEventListener("shell-auth-ready",f),()=>{clearInterval(_),window.removeEventListener("shell-auth-ready",f)}},[s]);const d=t||{user:null,isAuthenticated:!1,isLoading:a,signinRedirect:async()=>{const w=$();w?.signinRedirect?await w.signinRedirect():typeof window<"u"&&(window.location.href="/")},removeUser:async()=>{const w=$();w?.removeUser&&await w.removeUser()}};return ye.log("Auth result:",{isAuthenticated:d.isAuthenticated,isLoading:d.isLoading}),d}const it={log:(...t)=>{},warn:(...t)=>{},error:(...t)=>{console.error("[useInfoData]",...t)}};function ct(t){if(t)return t;if(typeof window<"u"){const n=window;if(n.__MF_NAME__)return n.__MF_NAME__}return"unknown-mfe"}function we(t){const[n,a]=c.useState(null),[u,o]=c.useState(!0),[p,s]=c.useState(null),C=c.useCallback(()=>{const w=ct(t?.mfeName).replace("@ib-dop/","");o(!0),s(null),fetch(`/svc/${w}/info.json`).then(f=>{if(!f.ok)throw new Error(`HTTP ${f.status}: ${f.statusText}`);return f.json()}).then(f=>{a(f)}).catch(f=>{it.error("Failed to load info:",f),s(f instanceof Error?f.message:String(f))}).finally(()=>{o(!1)})},[t?.mfeName]);return c.useEffect(()=>{C()},[C]),{data:n,isLoading:u,error:p,refetch:C}}const oe={log:(...t)=>{},warn:(...t)=>{},error:(...t)=>{console.error("[useV1Config]",...t)}},q={authority:"",client_id:"",environment:"development"};function ut(){const[t,n]=c.useState(null),[a,u]=c.useState(!0),[o,p]=c.useState(null);return c.useEffect(()=>{(()=>{if(typeof sessionStorage>"u"){p("sessionStorage not available"),n(q),u(!1);return}try{const C=sessionStorage.getItem("config");if(C){const d=JSON.parse(C);n({...q,...d}),p(null),oe.log("Config loaded successfully")}else n(q),p("Config not found in sessionStorage"),oe.warn("Config not found in sessionStorage")}catch(C){oe.error("Error parsing config:",C),n(q),p("Error parsing config")}finally{u(!1)}})()},[]),{data:t,isLoading:a,error:o}}function be(t){if(typeof window>"u")return;const n=window.__MF_NAME__||"unknown",a={...t,mfeName:n,timestamp:Date.now()};window.dispatchEvent(new CustomEvent("mfe-notification",{detail:a,bubbles:!0}))}function Se(t,n){const a={network:{title:"Нет подключения",message:"Сервер недоступен. Проверьте подключение к интернету."},unauthorized:{title:"Требуется вход",message:"Ваша сессия истекла. Войдите в систему снова."},forbidden:{title:"Доступ запрещён",message:"У вас нет прав для выполнения этого действия."},not_found:{title:"Не найдено",message:"Запрошенный ресурс не найден."},server:{title:"Ошибка сервера",message:"Произошла ошибка на сервере. Попробуйте позже."},client:{title:"Ошибка",message:t.message||"Произошла ошибка при выполнении запроса."},unknown:{title:"Неизвестная ошибка",message:t.message||"Произошла неизвестная ошибка."}},u=a[t.type]||a.unknown;be({type:t.type==="network"?"warning":"error",title:u.title,message:n?`${u.message} (${n})`:u.message})}function lt(t,n={}){const{notifyOnError:a=!0,notifyOnSuccess:u=!1,successMessage:o,errorContext:p,onSuccess:s,onError:C}=n,[d,w]=c.useState(null),[f,_]=c.useState(null),[l,E]=c.useState(!1),S=f!==null,N=d!==null&&!l&&!S,R=c.useCallback(async()=>{E(!0),_(null);try{const h=await t();if(h.ok)return w(h.data),u&&o&&be({type:"success",title:"Успешно",message:o}),s?.(h.data),h.data;{const T={message:h.data||"Request failed",status:h.status,type:"client",timestamp:Date.now()};return _(T),a&&Se(T,p),C?.(T),null}}catch(h){const T=h;return _(T),a&&Se(T,p),C?.(T),null}finally{E(!1)}},[t,a,u,o,p,s,C]),x=c.useCallback(()=>{w(null),_(null),E(!1)},[]);return{data:d,error:f,isLoading:l,isError:S,isSuccess:N,execute:R,reset:x}}const ft={canView:["all"],canEdit:["ibdop-user","ibdop-admin","ibdop-devops"],canDelete:["ibdop-admin","ibdop-devops"],canAdmin:["ibdop-admin"],canViewSensitiveData:["ibdop-admin","ibdop-devops"],canExportData:["ibdop-user"],canManageUsers:["ibdop-admin"]};function dt(t={}){const n=z(),a=c.useMemo(()=>({...ft,...t}),[t]),u=c.useMemo(()=>{const p=n.user?.profile?.realm_roles||n.user?.profile?.roles||[];return Array.isArray(p)?p:[p]},[n.user]),o=p=>p.includes("all")?!0:p.some(s=>u.includes(s));return{canView:o(a.canView),canEdit:o(a.canEdit),canDelete:o(a.canDelete),canAdmin:o(a.canAdmin),canViewSensitiveData:o(a.canViewSensitiveData),canExportData:o(a.canExportData),canManageUsers:o(a.canManageUsers)}}function pt(){const t=z(),[n,a]=c.useState([]),[u,o]=c.useState(0),[p,s]=c.useState([]),[C,d]=c.useState(!0),[w,f]=c.useState(null),_=c.useCallback(async()=>{if(!t.isAuthenticated){console.debug("[useFeatures] Not authenticated"),d(!1);return}d(!0),f(null);try{const S={"Content-Type":"application/json"},N=t.user?.access_token;N&&(S.Authorization=`Bearer ${N}`);const R=await fetch("/api/features",{headers:S});if(!R.ok)throw new Error(`HTTP ${R.status}: ${R.statusText}`);const x=await R.json();a(x.features||[]),o(x.totalCount||0),s(x.userRoles||[])}catch(S){console.debug("Features fetch error:",S),f(S instanceof Error?S.message:String(S)),a([]),s([])}finally{d(!1)}},[t.isAuthenticated,t.user?.access_token]);c.useEffect(()=>{_()},[_]);const l=c.useCallback(S=>n.find(R=>R.name===S)?.userEnabled??!1,[n]),E=c.useCallback(S=>n.filter(N=>N.mfDependencies?.includes(S)),[n]);return{features:n,totalCount:u,userRoles:p,isLoading:C,error:w,refetch:_,isFeatureEnabled:l,getFeaturesByMf:E}}function ht(){const t=z(),[n,a]=c.useState([]),[u,o]=c.useState([]),[p,s]=c.useState(!1),[C,d]=c.useState(!0),[w,f]=c.useState(null),_=c.useCallback(async()=>{if(!t.isAuthenticated){console.debug("[useFeatureAdmin] Not authenticated"),d(!1);return}d(!0),f(null);try{const R={"Content-Type":"application/json"},x=t.user?.access_token;x&&(R.Authorization=`Bearer ${x}`);const h=await fetch("/api/features/admin",{headers:R});if(!h.ok){if(h.status===403){console.warn("[useFeatureAdmin] 403 Forbidden - checking if token has admin role"),s(!1),a([]),o([]),d(!1);return}throw new Error(`HTTP ${h.status}: ${h.statusText}`)}const T=await h.json();a(T.featureToggles||[]),o(T.microfrontends||[]),s(T.isAdmin||!1)}catch(R){console.debug("FeatureAdmin fetch error:",R),a([]),o([]),s(!1)}finally{d(!1)}},[t.isAuthenticated,t.user?.access_token]),l=c.useCallback(async R=>{try{const x={"Content-Type":"application/json"},h=t.user?.access_token;h&&(x.Authorization=`Bearer ${h}`);const T=await fetch("/api/features/admin",{method:"POST",headers:x,body:JSON.stringify(R)});if(!T.ok){const O=await T.json().catch(()=>({}));throw new Error(O.error||`HTTP ${T.status}`)}return await _(),!0}catch(x){return f(x instanceof Error?x.message:String(x)),!1}},[_]),E=c.useCallback(async(R,x)=>{try{const h={"Content-Type":"application/json"},T=t.user?.access_token;T&&(h.Authorization=`Bearer ${T}`);const O=await fetch(`/api/features/admin/${encodeURIComponent(R)}`,{method:"PUT",headers:h,body:JSON.stringify(x)});if(!O.ok){const X=await O.json().catch(()=>({}));throw new Error(X.error||`HTTP ${O.status}`)}return await _(),!0}catch(h){return f(h instanceof Error?h.message:String(h)),!1}},[_]),S=c.useCallback(async(R,x)=>{try{const h={},T=t.user?.access_token;T&&(h.Authorization=`Bearer ${T}`);const O=await fetch(`/api/features/admin/${encodeURIComponent(R)}/toggle?enabled=${x}`,{method:"POST",headers:h});if(!O.ok){const X=await O.json().catch(()=>({}));throw new Error(X.error||`HTTP ${O.status}`)}return await _(),!0}catch(h){return f(h instanceof Error?h.message:String(h)),!1}},[_]),N=c.useCallback(async R=>{try{const x={},h=t.user?.access_token;h&&(x.Authorization=`Bearer ${h}`);const T=await fetch(`/api/features/admin/${encodeURIComponent(R)}`,{method:"DELETE",headers:x});if(!T.ok){const O=await T.json().catch(()=>({}));throw new Error(O.error||`HTTP ${T.status}`)}return await _(),!0}catch(x){return f(x instanceof Error?x.message:String(x)),!1}},[_]);return c.useEffect(()=>{_()},[_]),{features:n,microfrontends:u,isAdmin:p,isLoading:C,error:w,refetch:_,createFeature:l,updateFeature:E,toggleFeature:S,deleteFeature:N}}function gt(){const t=z(),[n,a]=c.useState([]),[u,o]=c.useState(0),[p,s]=c.useState(!0),[C,d]=c.useState(null),w=c.useCallback(async()=>{if(!t.isAuthenticated){s(!1);return}s(!0),d(null);try{const f={"Content-Type":"application/json"},_=t.user?.access_token;_&&(f.Authorization=`Bearer ${_}`);const l=await fetch("/api/features/microfrontends",{headers:f});if(!l.ok)throw new Error(`HTTP ${l.status}: ${l.statusText}`);const E=await l.json();a(E.microfrontends||[]),o(E.totalCount||0)}catch(f){d(f instanceof Error?f.message:String(f))}finally{s(!1)}},[t.isAuthenticated,t.user?.access_token]);return c.useEffect(()=>{w()},[w]),{microfrontends:n,totalCount:u,isLoading:p,error:C,refetch:w}}var ee={exports:{}},W={};var xe;function mt(){if(xe)return W;xe=1;var t=c,n=Symbol.for("react.element"),a=Symbol.for("react.fragment"),u=Object.prototype.hasOwnProperty,o=t.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,p={key:!0,ref:!0,__self:!0,__source:!0};function s(C,d,w){var f,_={},l=null,E=null;w!==void 0&&(l=""+w),d.key!==void 0&&(l=""+d.key),d.ref!==void 0&&(E=d.ref);for(f in d)u.call(d,f)&&!p.hasOwnProperty(f)&&(_[f]=d[f]);if(C&&C.defaultProps)for(f in d=C.defaultProps,d)_[f]===void 0&&(_[f]=d[f]);return{$$typeof:n,type:C,key:l,ref:E,props:_,_owner:o.current}}return W.Fragment=a,W.jsx=s,W.jsxs=s,W}var G={};var Ce;function _t(){return Ce||(Ce=1,process.env.NODE_ENV!=="production"&&(function(){var t=c,n=Symbol.for("react.element"),a=Symbol.for("react.portal"),u=Symbol.for("react.fragment"),o=Symbol.for("react.strict_mode"),p=Symbol.for("react.profiler"),s=Symbol.for("react.provider"),C=Symbol.for("react.context"),d=Symbol.for("react.forward_ref"),w=Symbol.for("react.suspense"),f=Symbol.for("react.suspense_list"),_=Symbol.for("react.memo"),l=Symbol.for("react.lazy"),E=Symbol.for("react.offscreen"),S=Symbol.iterator,N="@@iterator";function R(e){if(e===null||typeof e!="object")return null;var r=S&&e[S]||e[N];return typeof r=="function"?r:null}var x=t.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;function h(e){{for(var r=arguments.length,i=new Array(r>1?r-1:0),g=1;g<r;g++)i[g-1]=arguments[g];T("error",e,i)}}function T(e,r,i){{var g=x.ReactDebugCurrentFrame,A=g.getStackAddendum();A!==""&&(r+="%s",i=i.concat([A]));var k=i.map(function(b){return String(b)});k.unshift("Warning: "+r),Function.prototype.apply.call(console[e],console,k)}}var O=!1,X=!1,Ht=!1,zt=!1,Wt=!1,Oe;Oe=Symbol.for("react.module.reference");function Gt(e){return!!(typeof e=="string"||typeof e=="function"||e===u||e===p||Wt||e===o||e===w||e===f||zt||e===E||O||X||Ht||typeof e=="object"&&e!==null&&(e.$$typeof===l||e.$$typeof===_||e.$$typeof===s||e.$$typeof===C||e.$$typeof===d||e.$$typeof===Oe||e.getModuleId!==void 0))}function Yt(e,r,i){var g=e.displayName;if(g)return g;var A=r.displayName||r.name||"";return A!==""?i+"("+A+")":i}function Fe(e){return e.displayName||"Context"}function L(e){if(e==null)return null;if(typeof e.tag=="number"&&h("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."),typeof e=="function")return e.displayName||e.name||null;if(typeof e=="string")return e;switch(e){case u:return"Fragment";case a:return"Portal";case p:return"Profiler";case o:return"StrictMode";case w:return"Suspense";case f:return"SuspenseList"}if(typeof e=="object")switch(e.$$typeof){case C:var r=e;return Fe(r)+".Consumer";case s:var i=e;return Fe(i._context)+".Provider";case d:return Yt(e,e.render,"ForwardRef");case _:var g=e.displayName||null;return g!==null?g:L(e.type)||"Memo";case l:{var A=e,k=A._payload,b=A._init;try{return L(b(k))}catch{return null}}}return null}var U=Object.assign,Z=0,De,Le,Ue,Ve,Be,He,ze;function We(){}We.__reactDisabledLog=!0;function Jt(){{if(Z===0){De=console.log,Le=console.info,Ue=console.warn,Ve=console.error,Be=console.group,He=console.groupCollapsed,ze=console.groupEnd;var e={configurable:!0,enumerable:!0,value:We,writable:!0};Object.defineProperties(console,{info:e,log:e,warn:e,error:e,group:e,groupCollapsed:e,groupEnd:e})}Z++}}function Kt(){{if(Z--,Z===0){var e={configurable:!0,enumerable:!0,writable:!0};Object.defineProperties(console,{log:U({},e,{value:De}),info:U({},e,{value:Le}),warn:U({},e,{value:Ue}),error:U({},e,{value:Ve}),group:U({},e,{value:Be}),groupCollapsed:U({},e,{value:He}),groupEnd:U({},e,{value:ze})})}Z<0&&h("disabledDepth fell below zero. This is a bug in React. Please file an issue.")}}var de=x.ReactCurrentDispatcher,pe;function ne(e,r,i){{if(pe===void 0)try{throw Error()}catch(A){var g=A.stack.trim().match(/\n( *(at )?)/);pe=g&&g[1]||""}return`
|
|
2
|
-
`+
|
|
3
|
-
`),
|
|
4
|
-
`),M=
|
|
5
|
-
`+
|
|
1
|
+
(function(_,o){typeof exports=="object"&&typeof module<"u"?o(exports,require("react"),require("axios")):typeof define=="function"&&define.amd?define(["exports","react","axios"],o):(_=typeof globalThis<"u"?globalThis:_||self,o(_.PlatformKit={},_.React,_.axios))})(this,(function(_,o,ut){"use strict";function U(){if(typeof window>"u")return null;const t=window;if(t.__SHELL_AUTH_INSTANCE__)return t.__SHELL_AUTH_INSTANCE__;const n=window;return n.__SHELL_AUTH__?.authInstance?n.__SHELL_AUTH__.authInstance:null}function we(){const t=U();return t?{isAuthenticated:t.isAuthenticated,user:t.user??void 0}:{isAuthenticated:!1}}function lt(){const t=U();return t?.isAuthenticated?t.user?.profile?.access_token??null:null}function ft(){return U()?.isAuthenticated??!1}async function be(){const t=U();t?.signinRedirect?await t.signinRedirect():typeof window<"u"&&(window.location.href="/")}async function dt(){const t=U();t?.removeUser&&await t.removeUser()}const Se={log:(...t)=>{},warn:(...t)=>{}};function Y(){const[t,n]=o.useState(null),[s,c]=o.useState(!0),l=o.useRef(0),h=20,r=o.useCallback(()=>U(),[]);o.useEffect(()=>{const w=r();if(w){n(w),c(!1);return}const d=u=>{n(u.detail),c(!1)},g=setInterval(()=>{l.current++;const u=r();u?(Se.log("Auth found via polling, attempts:",l.current),n(u),c(!1),clearInterval(g)):l.current>=h&&(c(!1),clearInterval(g))},500);return window.addEventListener("shell-auth-ready",d),()=>{clearInterval(g),window.removeEventListener("shell-auth-ready",d)}},[r]);const f=t||{user:null,isAuthenticated:!1,isLoading:s,signinRedirect:async()=>{const w=U();w?.signinRedirect?await w.signinRedirect():typeof window<"u"&&(window.location.href="/")},removeUser:async()=>{const w=U();w?.removeUser&&await w.removeUser()}};return Se.log("Auth result:",{isAuthenticated:f.isAuthenticated,isLoading:f.isLoading}),f}const pt={log:(...t)=>{},warn:(...t)=>{},error:(...t)=>{console.error("[useInfoData]",...t)}};function ht(t){if(t)return t;if(typeof window<"u"){const n=window;if(n.__MF_NAME__)return n.__MF_NAME__}return"unknown-mfe"}function xe(t){const[n,s]=o.useState(null),[c,l]=o.useState(!0),[h,r]=o.useState(null),v=o.useCallback(()=>{const w=ht(t?.mfeName).replace("@ib-dop/","");l(!0),r(null),fetch(`/svc/${w}/info.json`).then(d=>{if(!d.ok)throw new Error(`HTTP ${d.status}: ${d.statusText}`);return d.json()}).then(d=>{s(d)}).catch(d=>{pt.error("Failed to load info:",d),r(d instanceof Error?d.message:String(d))}).finally(()=>{l(!1)})},[t?.mfeName]);return o.useEffect(()=>{v()},[v]),{data:n,isLoading:c,error:h,refetch:v}}const ie={log:(...t)=>{},warn:(...t)=>{},error:(...t)=>{console.error("[useV1Config]",...t)}},q={authority:"",client_id:"",environment:"development"};function gt(){const[t,n]=o.useState(null),[s,c]=o.useState(!0),[l,h]=o.useState(null);return o.useEffect(()=>{(()=>{if(typeof sessionStorage>"u"){h("sessionStorage not available"),n(q),c(!1);return}try{const v=sessionStorage.getItem("config");if(v){const f=JSON.parse(v);n({...q,...f}),h(null),ie.log("Config loaded successfully")}else n(q),h("Config not found in sessionStorage"),ie.warn("Config not found in sessionStorage")}catch(v){ie.error("Error parsing config:",v),n(q),h("Error parsing config")}finally{c(!1)}})()},[]),{data:t,isLoading:s,error:l}}function Ce(t){if(typeof window>"u")return;const n=window.__MF_NAME__||"unknown",s={...t,mfeName:n,timestamp:Date.now()};window.dispatchEvent(new CustomEvent("mfe-notification",{detail:s,bubbles:!0}))}function Ae(t,n){const s={network:{title:"Нет подключения",message:"Сервер недоступен. Проверьте подключение к интернету."},unauthorized:{title:"Требуется вход",message:"Ваша сессия истекла. Войдите в систему снова."},forbidden:{title:"Доступ запрещён",message:"У вас нет прав для выполнения этого действия."},not_found:{title:"Не найдено",message:"Запрошенный ресурс не найден."},server:{title:"Ошибка сервера",message:"Произошла ошибка на сервере. Попробуйте позже."},client:{title:"Ошибка",message:t.message||"Произошла ошибка при выполнении запроса."},unknown:{title:"Неизвестная ошибка",message:t.message||"Произошла неизвестная ошибка."}},c=s[t.type]||s.unknown;Ce({type:t.type==="network"?"warning":"error",title:c.title,message:n?`${c.message} (${n})`:c.message})}function mt(t){return t instanceof Error&&t.name==="AbortError"}function _t(t,n={}){const{notifyOnError:s=!0,notifyOnSuccess:c=!1,successMessage:l,errorContext:h,onSuccess:r,onError:v}=n,[f,w]=o.useState(null),[d,g]=o.useState(null),[u,b]=o.useState(!1),y=o.useRef(null),N=d!==null,T=f!==null&&!u&&!N;o.useEffect(()=>()=>{y.current&&y.current.abort()},[]);const C=o.useCallback(()=>{y.current&&(y.current.abort(),y.current=null,b(!1))},[]),E=o.useCallback(async()=>{y.current&&y.current.abort(),y.current=new AbortController;const j=y.current.signal;b(!0),g(null);try{const P=await t(j);if(j.aborted)return null;if(P.ok)return w(P.data),c&&l&&Ce({type:"success",title:"Успешно",message:l}),r?.(P.data),P.data;{const V={message:P.data||"Request failed",status:P.status,type:"client",timestamp:Date.now()};return g(V),s&&Ae(V,h),v?.(V),null}}catch(P){if(mt(P))return null;const V=P;return g(V),s&&Ae(V,h),v?.(V),null}finally{j.aborted||b(!1),y.current=null}},[t,s,c,l,h,r,v]),R=o.useCallback(()=>{w(null),g(null),b(!1)},[]);return{data:f,error:d,isLoading:u,isError:N,isSuccess:T,execute:E,reset:R,abort:C}}const vt={canView:["all"],canEdit:["ibdop-user","ibdop-admin","ibdop-devops"],canDelete:["ibdop-admin","ibdop-devops"],canAdmin:["ibdop-admin"],canViewSensitiveData:["ibdop-admin","ibdop-devops"],canExportData:["ibdop-user"],canManageUsers:["ibdop-admin"]};function Et(t={}){const n=Y(),s=o.useMemo(()=>({...vt,...t}),[t]),c=o.useMemo(()=>{const h=n.user?.profile?.realm_roles||n.user?.profile?.roles||[];return Array.isArray(h)?h:[h]},[n.user]),l=h=>h.includes("all")?!0:h.some(r=>c.includes(r));return{canView:l(s.canView),canEdit:l(s.canEdit),canDelete:l(s.canDelete),canAdmin:l(s.canAdmin),canViewSensitiveData:l(s.canViewSensitiveData),canExportData:l(s.canExportData),canManageUsers:l(s.canManageUsers)}}function yt(){const t=Y(),[n,s]=o.useState([]),[c,l]=o.useState(0),[h,r]=o.useState([]),[v,f]=o.useState(!0),[w,d]=o.useState(null),g=o.useCallback(async()=>{if(!t.isAuthenticated){console.debug("[useFeatures] Not authenticated"),f(!1);return}f(!0),d(null);try{const y={"Content-Type":"application/json"},N=t.user?.access_token;N&&(y.Authorization=`Bearer ${N}`);const T=await fetch("/api/features",{headers:y});if(!T.ok)throw new Error(`HTTP ${T.status}: ${T.statusText}`);const C=await T.json();s(C.features||[]),l(C.totalCount||0),r(C.userRoles||[])}catch(y){console.debug("Features fetch error:",y),d(y instanceof Error?y.message:String(y)),s([]),r([])}finally{f(!1)}},[t.isAuthenticated,t.user?.access_token]);o.useEffect(()=>{g()},[g]);const u=o.useCallback(y=>n.find(T=>T.name===y)?.userEnabled??!1,[n]),b=o.useCallback(y=>n.filter(N=>N.mfDependencies?.includes(y)),[n]);return{features:n,totalCount:c,userRoles:h,isLoading:v,error:w,refetch:g,isFeatureEnabled:u,getFeaturesByMf:b}}function wt(){const t=Y(),[n,s]=o.useState([]),[c,l]=o.useState([]),[h,r]=o.useState(!1),[v,f]=o.useState(!0),[w,d]=o.useState(null),g=o.useCallback(async()=>{if(!t.isAuthenticated){console.debug("[useFeatureAdmin] Not authenticated"),f(!1);return}f(!0),d(null);try{const T={"Content-Type":"application/json"},C=t.user?.access_token;C&&(T.Authorization=`Bearer ${C}`);const E=await fetch("/api/features/admin",{headers:T});if(!E.ok){if(E.status===403){console.warn("[useFeatureAdmin] 403 Forbidden - checking if token has admin role"),r(!1),s([]),l([]),f(!1);return}throw new Error(`HTTP ${E.status}: ${E.statusText}`)}const R=await E.json();s(R.featureToggles||[]),l(R.microfrontends||[]),r(R.isAdmin||!1)}catch(T){console.debug("FeatureAdmin fetch error:",T),s([]),l([]),r(!1)}finally{f(!1)}},[t.isAuthenticated,t.user?.access_token]),u=o.useCallback(async T=>{try{const C={"Content-Type":"application/json"},E=t.user?.access_token;E&&(C.Authorization=`Bearer ${E}`);const R=await fetch("/api/features/admin",{method:"POST",headers:C,body:JSON.stringify(T)});if(!R.ok){const j=await R.json().catch(()=>({}));throw new Error(j.error||`HTTP ${R.status}`)}return await g(),!0}catch(C){return d(C instanceof Error?C.message:String(C)),!1}},[g]),b=o.useCallback(async(T,C)=>{try{const E={"Content-Type":"application/json"},R=t.user?.access_token;R&&(E.Authorization=`Bearer ${R}`);const j=await fetch(`/api/features/admin/${encodeURIComponent(T)}`,{method:"PUT",headers:E,body:JSON.stringify(C)});if(!j.ok){const P=await j.json().catch(()=>({}));throw new Error(P.error||`HTTP ${j.status}`)}return await g(),!0}catch(E){return d(E instanceof Error?E.message:String(E)),!1}},[g]),y=o.useCallback(async(T,C)=>{try{const E={},R=t.user?.access_token;R&&(E.Authorization=`Bearer ${R}`);const j=await fetch(`/api/features/admin/${encodeURIComponent(T)}/toggle?enabled=${C}`,{method:"POST",headers:E});if(!j.ok){const P=await j.json().catch(()=>({}));throw new Error(P.error||`HTTP ${j.status}`)}return await g(),!0}catch(E){return d(E instanceof Error?E.message:String(E)),!1}},[g]),N=o.useCallback(async T=>{try{const C={},E=t.user?.access_token;E&&(C.Authorization=`Bearer ${E}`);const R=await fetch(`/api/features/admin/${encodeURIComponent(T)}`,{method:"DELETE",headers:C});if(!R.ok){const j=await R.json().catch(()=>({}));throw new Error(j.error||`HTTP ${R.status}`)}return await g(),!0}catch(C){return d(C instanceof Error?C.message:String(C)),!1}},[g]);return o.useEffect(()=>{g()},[g]),{features:n,microfrontends:c,isAdmin:h,isLoading:v,error:w,refetch:g,createFeature:u,updateFeature:b,toggleFeature:y,deleteFeature:N}}function bt(){const t=Y(),[n,s]=o.useState([]),[c,l]=o.useState(0),[h,r]=o.useState(!0),[v,f]=o.useState(null),w=o.useCallback(async()=>{if(!t.isAuthenticated){r(!1);return}r(!0),f(null);try{const d={"Content-Type":"application/json"},g=t.user?.access_token;g&&(d.Authorization=`Bearer ${g}`);const u=await fetch("/api/features/microfrontends",{headers:d});if(!u.ok)throw new Error(`HTTP ${u.status}: ${u.statusText}`);const b=await u.json();s(b.microfrontends||[]),l(b.totalCount||0)}catch(d){f(d instanceof Error?d.message:String(d))}finally{r(!1)}},[t.isAuthenticated,t.user?.access_token]);return o.useEffect(()=>{w()},[w]),{microfrontends:n,totalCount:c,isLoading:h,error:v,refetch:w}}var ee={exports:{}},J={};var ke;function St(){if(ke)return J;ke=1;var t=o,n=Symbol.for("react.element"),s=Symbol.for("react.fragment"),c=Object.prototype.hasOwnProperty,l=t.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,h={key:!0,ref:!0,__self:!0,__source:!0};function r(v,f,w){var d,g={},u=null,b=null;w!==void 0&&(u=""+w),f.key!==void 0&&(u=""+f.key),f.ref!==void 0&&(b=f.ref);for(d in f)c.call(f,d)&&!h.hasOwnProperty(d)&&(g[d]=f[d]);if(v&&v.defaultProps)for(d in f=v.defaultProps,f)g[d]===void 0&&(g[d]=f[d]);return{$$typeof:n,type:v,key:u,ref:b,props:g,_owner:l.current}}return J.Fragment=s,J.jsx=r,J.jsxs=r,J}var K={};var Te;function xt(){return Te||(Te=1,process.env.NODE_ENV!=="production"&&(function(){var t=o,n=Symbol.for("react.element"),s=Symbol.for("react.portal"),c=Symbol.for("react.fragment"),l=Symbol.for("react.strict_mode"),h=Symbol.for("react.profiler"),r=Symbol.for("react.provider"),v=Symbol.for("react.context"),f=Symbol.for("react.forward_ref"),w=Symbol.for("react.suspense"),d=Symbol.for("react.suspense_list"),g=Symbol.for("react.memo"),u=Symbol.for("react.lazy"),b=Symbol.for("react.offscreen"),y=Symbol.iterator,N="@@iterator";function T(e){if(e===null||typeof e!="object")return null;var a=y&&e[y]||e[N];return typeof a=="function"?a:null}var C=t.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;function E(e){{for(var a=arguments.length,i=new Array(a>1?a-1:0),p=1;p<a;p++)i[p-1]=arguments[p];R("error",e,i)}}function R(e,a,i){{var p=C.ReactDebugCurrentFrame,A=p.getStackAddendum();A!==""&&(a+="%s",i=i.concat([A]));var k=i.map(function(x){return String(x)});k.unshift("Warning: "+a),Function.prototype.apply.call(console[e],console,k)}}var j=!1,P=!1,V=!1,Qt=!1,$t=!1,Le;Le=Symbol.for("react.module.reference");function qt(e){return!!(typeof e=="string"||typeof e=="function"||e===c||e===h||$t||e===l||e===w||e===d||Qt||e===b||j||P||V||typeof e=="object"&&e!==null&&(e.$$typeof===u||e.$$typeof===g||e.$$typeof===r||e.$$typeof===v||e.$$typeof===f||e.$$typeof===Le||e.getModuleId!==void 0))}function en(e,a,i){var p=e.displayName;if(p)return p;var A=a.displayName||a.name||"";return A!==""?i+"("+A+")":i}function Ue(e){return e.displayName||"Context"}function B(e){if(e==null)return null;if(typeof e.tag=="number"&&E("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."),typeof e=="function")return e.displayName||e.name||null;if(typeof e=="string")return e;switch(e){case c:return"Fragment";case s:return"Portal";case h:return"Profiler";case l:return"StrictMode";case w:return"Suspense";case d:return"SuspenseList"}if(typeof e=="object")switch(e.$$typeof){case v:var a=e;return Ue(a)+".Consumer";case r:var i=e;return Ue(i._context)+".Provider";case f:return en(e,e.render,"ForwardRef");case g:var p=e.displayName||null;return p!==null?p:B(e.type)||"Memo";case u:{var A=e,k=A._payload,x=A._init;try{return B(x(k))}catch{return null}}}return null}var W=Object.assign,Q=0,Ve,Be,We,ze,He,Ge,Ye;function Je(){}Je.__reactDisabledLog=!0;function tn(){{if(Q===0){Ve=console.log,Be=console.info,We=console.warn,ze=console.error,He=console.group,Ge=console.groupCollapsed,Ye=console.groupEnd;var e={configurable:!0,enumerable:!0,value:Je,writable:!0};Object.defineProperties(console,{info:e,log:e,warn:e,error:e,group:e,groupCollapsed:e,groupEnd:e})}Q++}}function nn(){{if(Q--,Q===0){var e={configurable:!0,enumerable:!0,writable:!0};Object.defineProperties(console,{log:W({},e,{value:Ve}),info:W({},e,{value:Be}),warn:W({},e,{value:We}),error:W({},e,{value:ze}),group:W({},e,{value:He}),groupCollapsed:W({},e,{value:Ge}),groupEnd:W({},e,{value:Ye})})}Q<0&&E("disabledDepth fell below zero. This is a bug in React. Please file an issue.")}}var pe=C.ReactCurrentDispatcher,he;function re(e,a,i){{if(he===void 0)try{throw Error()}catch(A){var p=A.stack.trim().match(/\n( *(at )?)/);he=p&&p[1]||""}return`
|
|
2
|
+
`+he+e}}var ge=!1,ae;{var rn=typeof WeakMap=="function"?WeakMap:Map;ae=new rn}function Ke(e,a){if(!e||ge)return"";{var i=ae.get(e);if(i!==void 0)return i}var p;ge=!0;var A=Error.prepareStackTrace;Error.prepareStackTrace=void 0;var k;k=pe.current,pe.current=null,tn();try{if(a){var x=function(){throw Error()};if(Object.defineProperty(x.prototype,"props",{set:function(){throw Error()}}),typeof Reflect=="object"&&Reflect.construct){try{Reflect.construct(x,[])}catch(F){p=F}Reflect.construct(e,[],x)}else{try{x.call()}catch(F){p=F}e.call(x.prototype)}}else{try{throw Error()}catch(F){p=F}e()}}catch(F){if(F&&p&&typeof F.stack=="string"){for(var S=F.stack.split(`
|
|
3
|
+
`),O=p.stack.split(`
|
|
4
|
+
`),M=S.length-1,I=O.length-1;M>=1&&I>=0&&S[M]!==O[I];)I--;for(;M>=1&&I>=0;M--,I--)if(S[M]!==O[I]){if(M!==1||I!==1)do if(M--,I--,I<0||S[M]!==O[I]){var L=`
|
|
5
|
+
`+S[M].replace(" at new "," at ");return e.displayName&&L.includes("<anonymous>")&&(L=L.replace("<anonymous>",e.displayName)),typeof e=="function"&&ae.set(e,L),L}while(M>=1&&I>=0);break}}}finally{ge=!1,pe.current=k,nn(),Error.prepareStackTrace=A}var G=e?e.displayName||e.name:"",z=G?re(G):"";return typeof e=="function"&&ae.set(e,z),z}function an(e,a,i){return Ke(e,!1)}function sn(e){var a=e.prototype;return!!(a&&a.isReactComponent)}function se(e,a,i){if(e==null)return"";if(typeof e=="function")return Ke(e,sn(e));if(typeof e=="string")return re(e);switch(e){case w:return re("Suspense");case d:return re("SuspenseList")}if(typeof e=="object")switch(e.$$typeof){case f:return an(e.render);case g:return se(e.type,a,i);case u:{var p=e,A=p._payload,k=p._init;try{return se(k(A),a,i)}catch{}}}return""}var $=Object.prototype.hasOwnProperty,Xe={},Ze=C.ReactDebugCurrentFrame;function oe(e){if(e){var a=e._owner,i=se(e.type,e._source,a?a.type:null);Ze.setExtraStackFrame(i)}else Ze.setExtraStackFrame(null)}function on(e,a,i,p,A){{var k=Function.call.bind($);for(var x in e)if(k(e,x)){var S=void 0;try{if(typeof e[x]!="function"){var O=Error((p||"React class")+": "+i+" type `"+x+"` is invalid; it must be a function, usually from the `prop-types` package, but received `"+typeof e[x]+"`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");throw O.name="Invariant Violation",O}S=e[x](a,x,p,i,null,"SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED")}catch(M){S=M}S&&!(S instanceof Error)&&(oe(A),E("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).",p||"React class",i,x,typeof S),oe(null)),S instanceof Error&&!(S.message in Xe)&&(Xe[S.message]=!0,oe(A),E("Failed %s type: %s",i,S.message),oe(null))}}}var cn=Array.isArray;function me(e){return cn(e)}function un(e){{var a=typeof Symbol=="function"&&Symbol.toStringTag,i=a&&e[Symbol.toStringTag]||e.constructor.name||"Object";return i}}function ln(e){try{return Qe(e),!1}catch{return!0}}function Qe(e){return""+e}function $e(e){if(ln(e))return E("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.",un(e)),Qe(e)}var qe=C.ReactCurrentOwner,fn={key:!0,ref:!0,__self:!0,__source:!0},et,tt;function dn(e){if($.call(e,"ref")){var a=Object.getOwnPropertyDescriptor(e,"ref").get;if(a&&a.isReactWarning)return!1}return e.ref!==void 0}function pn(e){if($.call(e,"key")){var a=Object.getOwnPropertyDescriptor(e,"key").get;if(a&&a.isReactWarning)return!1}return e.key!==void 0}function hn(e,a){typeof e.ref=="string"&&qe.current}function gn(e,a){{var i=function(){et||(et=!0,E("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)",a))};i.isReactWarning=!0,Object.defineProperty(e,"key",{get:i,configurable:!0})}}function mn(e,a){{var i=function(){tt||(tt=!0,E("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)",a))};i.isReactWarning=!0,Object.defineProperty(e,"ref",{get:i,configurable:!0})}}var _n=function(e,a,i,p,A,k,x){var S={$$typeof:n,type:e,key:a,ref:i,props:x,_owner:k};return S._store={},Object.defineProperty(S._store,"validated",{configurable:!1,enumerable:!1,writable:!0,value:!1}),Object.defineProperty(S,"_self",{configurable:!1,enumerable:!1,writable:!1,value:p}),Object.defineProperty(S,"_source",{configurable:!1,enumerable:!1,writable:!1,value:A}),Object.freeze&&(Object.freeze(S.props),Object.freeze(S)),S};function vn(e,a,i,p,A){{var k,x={},S=null,O=null;i!==void 0&&($e(i),S=""+i),pn(a)&&($e(a.key),S=""+a.key),dn(a)&&(O=a.ref,hn(a,A));for(k in a)$.call(a,k)&&!fn.hasOwnProperty(k)&&(x[k]=a[k]);if(e&&e.defaultProps){var M=e.defaultProps;for(k in M)x[k]===void 0&&(x[k]=M[k])}if(S||O){var I=typeof e=="function"?e.displayName||e.name||"Unknown":e;S&&gn(x,I),O&&mn(x,I)}return _n(e,S,O,A,p,qe.current,x)}}var _e=C.ReactCurrentOwner,nt=C.ReactDebugCurrentFrame;function H(e){if(e){var a=e._owner,i=se(e.type,e._source,a?a.type:null);nt.setExtraStackFrame(i)}else nt.setExtraStackFrame(null)}var ve;ve=!1;function Ee(e){return typeof e=="object"&&e!==null&&e.$$typeof===n}function rt(){{if(_e.current){var e=B(_e.current.type);if(e)return`
|
|
6
6
|
|
|
7
|
-
Check the render method of \``+e+"`."}return""}}function
|
|
7
|
+
Check the render method of \``+e+"`."}return""}}function En(e){return""}var at={};function yn(e){{var a=rt();if(!a){var i=typeof e=="string"?e:e.displayName||e.name;i&&(a=`
|
|
8
8
|
|
|
9
|
-
Check the top-level render call using <`+i+">.")}return
|
|
9
|
+
Check the top-level render call using <`+i+">.")}return a}}function st(e,a){{if(!e._store||e._store.validated||e.key!=null)return;e._store.validated=!0;var i=yn(a);if(at[i])return;at[i]=!0;var p="";e&&e._owner&&e._owner!==_e.current&&(p=" It was passed a child from "+B(e._owner.type)+"."),H(e),E('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.',i,p),H(null)}}function ot(e,a){{if(typeof e!="object")return;if(me(e))for(var i=0;i<e.length;i++){var p=e[i];Ee(p)&&st(p,a)}else if(Ee(e))e._store&&(e._store.validated=!0);else if(e){var A=T(e);if(typeof A=="function"&&A!==e.entries)for(var k=A.call(e),x;!(x=k.next()).done;)Ee(x.value)&&st(x.value,a)}}}function wn(e){{var a=e.type;if(a==null||typeof a=="string")return;var i;if(typeof a=="function")i=a.propTypes;else if(typeof a=="object"&&(a.$$typeof===f||a.$$typeof===g))i=a.propTypes;else return;if(i){var p=B(a);on(i,e.props,"prop",p,e)}else if(a.PropTypes!==void 0&&!ve){ve=!0;var A=B(a);E("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?",A||"Unknown")}typeof a.getDefaultProps=="function"&&!a.getDefaultProps.isReactClassApproved&&E("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.")}}function bn(e){{for(var a=Object.keys(e.props),i=0;i<a.length;i++){var p=a[i];if(p!=="children"&&p!=="key"){H(e),E("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.",p),H(null);break}}e.ref!==null&&(H(e),E("Invalid attribute `ref` supplied to `React.Fragment`."),H(null))}}var it={};function ct(e,a,i,p,A,k){{var x=qt(e);if(!x){var S="";(e===void 0||typeof e=="object"&&e!==null&&Object.keys(e).length===0)&&(S+=" You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");var O=En();O?S+=O:S+=rt();var M;e===null?M="null":me(e)?M="array":e!==void 0&&e.$$typeof===n?(M="<"+(B(e.type)||"Unknown")+" />",S=" Did you accidentally export a JSX literal instead of a component?"):M=typeof e,E("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s",M,S)}var I=vn(e,a,i,A,k);if(I==null)return I;if(x){var L=a.children;if(L!==void 0)if(p)if(me(L)){for(var G=0;G<L.length;G++)ot(L[G],e);Object.freeze&&Object.freeze(L)}else E("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");else ot(L,e)}if($.call(a,"key")){var z=B(e),F=Object.keys(a).filter(function(Tn){return Tn!=="key"}),ye=F.length>0?"{key: someKey, "+F.join(": ..., ")+": ...}":"{key: someKey}";if(!it[z+ye]){var kn=F.length>0?"{"+F.join(": ..., ")+": ...}":"{}";E(`A props object containing a "key" prop is being spread into JSX:
|
|
10
10
|
let props = %s;
|
|
11
11
|
<%s {...props} />
|
|
12
12
|
React keys must be passed directly to JSX without using spread:
|
|
13
13
|
let props = %s;
|
|
14
|
-
<%s key={someKey} {...props} />`,
|
|
14
|
+
<%s key={someKey} {...props} />`,ye,z,kn,z),it[z+ye]=!0}}return e===c?bn(I):wn(I),I}}function Sn(e,a,i){return ct(e,a,i,!0)}function xn(e,a,i){return ct(e,a,i,!1)}var Cn=xn,An=Sn;K.Fragment=c,K.jsx=Cn,K.jsxs=An})()),K}var Re;function Ct(){return Re||(Re=1,process.env.NODE_ENV==="production"?ee.exports=St():ee.exports=xt()),ee.exports}var m=Ct();const Me="platform-kit",At=!1,ce={log:(...t)=>{},warn:(...t)=>{},error:(...t)=>{console.error(`[${Me}]`,...t)}};class kt extends o.Component{hasDispatched=!1;constructor(n){super(n),this.state={hasError:!1}}getMfeName(){if(this.props.mfeName)return this.props.mfeName;if(typeof window<"u"){const n=window;if(n.__MF_NAME__)return n.__MF_NAME__}return Me}shouldShowDetails(){if(this.props.showDetails!==void 0)return this.props.showDetails;if(typeof sessionStorage<"u")try{const n=sessionStorage.getItem("config");if(n){const s=JSON.parse(n);if(s.showErrorDetails!==void 0)return s.showErrorDetails}}catch{}return At}dispatchError(n,s){if(this.hasDispatched||typeof window>"u")return;this.hasDispatched=!0;const c=this.getMfeName();ce.error("ErrorBoundary caught:",n);try{window.dispatchEvent(new CustomEvent("mfe-error",{detail:{mfeName:c,error:n.message||String(n),stack:n.stack,componentStack:s?.componentStack,timestamp:Date.now()},bubbles:!0}))}catch(l){ce.error("Failed to dispatch mfe-error event:",l)}}static getDerivedStateFromError(n){return{hasError:!0,error:n}}componentDidCatch(n,s){this.dispatchError(n,s),ce.error("Error info:",s.componentStack)}handleCopy=()=>{const n=`Error in ${this.getMfeName()}:
|
|
15
15
|
${this.state.error?.message}
|
|
16
|
-
${this.state.error?.stack}`;typeof navigator<"u"&&navigator.clipboard&&navigator.clipboard.writeText(n).then(()=>{alert("Ошибка скопирована в буфер обмена")}).catch(()=>{prompt("Скопируйте ошибку:",n)})};handleRetry=()=>{this.setState({hasError:!1,error:void 0}),this.hasDispatched=!1,typeof window<"u"&&window.location.reload()};handleGoHome=()=>{typeof window<"u"&&(window.location.href="/")};render(){if(this.state.hasError){const n=this.state.error?.message||"Unknown error",
|
|
16
|
+
${this.state.error?.stack}`;typeof navigator<"u"&&navigator.clipboard&&navigator.clipboard.writeText(n).then(()=>{alert("Ошибка скопирована в буфер обмена")}).catch(()=>{prompt("Скопируйте ошибку:",n)})};handleRetry=()=>{this.setState({hasError:!1,error:void 0}),this.hasDispatched=!1,typeof window<"u"&&window.location.reload()};handleGoHome=()=>{typeof window<"u"&&(window.location.href="/")};render(){if(this.state.hasError){const n=this.state.error?.message||"Unknown error",s=this.state.error?.stack||"",c=this.shouldShowDetails(),l=this.getMfeName();return m.jsxs("div",{style:{padding:"20px",textAlign:"center",color:"#d32f2f",fontFamily:"monospace",background:"#ffebee",border:"1px solid #ef5350",borderRadius:"4px",margin:"10px"},children:[m.jsxs("h2",{style:{fontSize:"16px",margin:"0 0 8px 0"},children:["⚠️ Ошибка в ",l]}),m.jsx("p",{style:{fontSize:"12px",margin:0},children:"Произошла ошибка в микрофронтенде. Сообщение отправлено в shell."}),c&&m.jsxs("details",{style:{whiteSpace:"pre-wrap",textAlign:"left",marginTop:"10px",background:"#fff",padding:"8px",borderRadius:"4px"},children:[m.jsx("summary",{style:{cursor:"pointer",fontWeight:"bold"},children:"Детали ошибки"}),m.jsxs("pre",{style:{fontSize:"11px",overflow:"auto",maxHeight:"150px",margin:"8px 0 0 0",padding:"8px",background:"#f5f5f5",borderRadius:"4px"},children:[n,s&&`
|
|
17
17
|
|
|
18
|
-
${a}`]})]}),m.jsxs("div",{style:{marginTop:"12px",display:"flex",gap:"8px",justifyContent:"center"},children:[m.jsx("button",{onClick:this.handleCopy,style:{padding:"8px 12px",background:"#666",color:"white",border:"none",borderRadius:"4px",cursor:"pointer"},children:"📋 Копировать"}),m.jsx("button",{onClick:this.handleRetry,style:{padding:"8px 12px",background:"#d32f2f",color:"white",border:"none",borderRadius:"4px",cursor:"pointer"},children:"🔄 Обновить"}),m.jsx("button",{onClick:this.handleGoHome,style:{padding:"8px 12px",background:"#1976d2",color:"white",border:"none",borderRadius:"4px",cursor:"pointer"},children:"🏠 На главную"})]})]})}return this.props.children==null?null:this.props.children}}const F={info:"ℹ️",code:"💻",link:"🔗",user:"👤",clock:"🕐",apps:"📦",storage:"💾",tags:"🏷️",spreadsheet:"📊"};function wt({mfeName:t}){const{data:n,isLoading:a,error:u}=we({mfeName:t}),[o,p]=c.useState(!1);if(a)return m.jsxs("span",{className:"text-muted small me-2",children:[m.jsx("span",{className:"me-1",children:"⏳"}),"Загрузка..."]});if(u||!n)return m.jsxs("span",{className:"text-muted small me-2",title:`Ошибка: ${u||"нет данных"}`,children:[m.jsx("span",{className:"me-1",children:"ℹ️"}),"N/A"]});const s=n,C=s.BUILD_VERSION||s.IMAGE_VERSION||s.APP_NAME||"N/A",d=[];return s.APP_NAME&&d.push({key:"APP_NAME",value:s.APP_NAME,label:"Приложение",icon:F.apps}),s.BUILD_VERSION&&d.push({key:"BUILD_VERSION",value:s.BUILD_VERSION,label:"Версия",icon:F.tags}),s.IMAGE_VERSION&&d.push({key:"IMAGE_VERSION",value:s.IMAGE_VERSION,label:"Образ",icon:F.storage}),s.GIT_COMMIT&&d.push({key:"GIT_COMMIT",value:s.GIT_COMMIT,label:"Commit",icon:F.spreadsheet}),s.GIT_BRANCH&&d.push({key:"GIT_BRANCH",value:s.GIT_BRANCH,label:"Ветка",icon:F.spreadsheet}),s.CI_COMMIT_AUTHOR&&d.push({key:"CI_COMMIT_AUTHOR",value:s.CI_COMMIT_AUTHOR,label:"Автор",icon:F.user}),s.CI_COMMIT_TIMESTAMP&&d.push({key:"CI_COMMIT_TIMESTAMP",value:s.CI_COMMIT_TIMESTAMP,label:"Дата",icon:F.clock}),s.CI_JOB_URL&&d.push({key:"CI_JOB_URL",value:s.CI_JOB_URL,label:"CI Job",icon:F.link}),s.CI_PIPELINE_URL&&d.push({key:"CI_PIPELINE_URL",value:s.CI_PIPELINE_URL,label:"Pipeline",icon:F.link}),s.CI_COMMIT_MESSAGE&&(s.CI_COMMIT_MESSAGE.length>60?s.CI_COMMIT_MESSAGE.substring(0,57)+"":s.CI_COMMIT_MESSAGE,d.push({key:"CI_COMMIT_MESSAGE",value:s.CI_COMMIT_MESSAGE,label:"Сообщение",icon:F.code})),m.jsxs("div",{style:{display:"inline-block",position:"relative"},children:[m.jsxs("button",{onClick:()=>p(!o),style:{background:"transparent",border:"none",cursor:"pointer",padding:"4px 8px",fontSize:"14px",display:"inline-flex",alignItems:"center"},title:"Информация о версии",children:[m.jsx("span",{className:"me-1",children:F.info}),m.jsx("span",{className:"text-dark",children:C})]}),o&&m.jsxs("div",{style:{position:"absolute",top:"100%",right:0,zIndex:1e3,minWidth:"300px",background:"white",border:"1px solid #dee2e6",borderRadius:"8px",boxShadow:"0 4px 12px rgba(0,0,0,0.15)",padding:"16px",marginTop:"4px"},children:[m.jsxs("div",{style:{marginBottom:"12px",paddingBottom:"8px",borderBottom:"1px solid #dee2e6",display:"flex",alignItems:"center"},children:[m.jsx("span",{className:"me-2",children:F.apps}),m.jsx("strong",{children:s.APP_NAME||t})]}),m.jsxs("div",{style:{marginBottom:"12px"},children:[m.jsx("span",{className:"text-muted",children:"Версия: "}),m.jsx("strong",{children:C})]}),d.length>0&&m.jsx("div",{style:{fontSize:"13px"},children:d.map(({key:w,value:f,label:_,icon:l})=>{const E=f.length>40&&(w.includes("URL")||w.includes("MESSAGE"))?`${f.substring(0,37)}...`:f;return m.jsxs("div",{style:{marginBottom:"8px",display:"flex",alignItems:"flex-start"},children:[m.jsx("span",{className:"me-2",style:{flexShrink:0},children:l}),m.jsxs("div",{style:{flex:1,minWidth:0},children:[m.jsx("div",{className:"small text-muted",children:_}),m.jsx("div",{className:"font-monospace small text-truncate",style:{maxWidth:"100%"},title:f,children:w.includes("URL")?m.jsx("a",{href:f,target:"_blank",rel:"noopener noreferrer",style:{color:"#007bff"},children:E}):E})]})]},w)})}),d.length===0&&m.jsx("div",{className:"text-center text-muted py-2 small",children:"Нет информации о версии"}),m.jsx("div",{style:{marginTop:"12px",paddingTop:"8px",borderTop:"1px solid #dee2e6",textAlign:"center",fontSize:"12px",color:"#6c757d"},children:"IngoBank DevOps Platform"}),m.jsx("button",{onClick:()=>p(!1),style:{position:"absolute",top:"8px",right:"8px",background:"transparent",border:"none",cursor:"pointer",fontSize:"16px",color:"#6c757d"},children:"×"})]}),o&&m.jsx("div",{onClick:()=>p(!1),style:{position:"fixed",top:0,left:0,right:0,bottom:0,zIndex:999}})]})}const ce="platform-kit",ke=c.createContext(null);function bt({children:t}){const[n,a]=c.useState([]),u=typeof window<"u"&&window.__MF_NAME__||ce,o=c.useCallback((l,E,S,N)=>({id:`${Date.now()}-${Math.random().toString(36).substr(2,9)}`,type:l,title:E,message:S,mfeName:u,timestamp:Date.now(),duration:N}),[u]),p=c.useCallback(l=>{a(S=>[...S,l].slice(0,5));const E=l.duration||5e3;E>0&&setTimeout(()=>{a(S=>S.filter(N=>N.id!==l.id))},E)},[]),s=c.useCallback(l=>{const E=o(l.type,l.title,l.message,l.duration);p(E),typeof window<"u"&&window.dispatchEvent(new CustomEvent("mfe-notification",{detail:E,bubbles:!0}))},[o,p]),C=c.useCallback((l,E="Успешно")=>{s({type:"success",title:E,message:l})},[s]),d=c.useCallback((l,E="Ошибка")=>{s({type:"error",title:E,message:l})},[s]),w=c.useCallback((l,E="Предупреждение")=>{s({type:"warning",title:E,message:l})},[s]),f=c.useCallback((l,E="Информация")=>{s({type:"info",title:E,message:l})},[s]),_=c.useCallback(l=>{a(E=>E.filter(S=>S.id!==l))},[]);return c.useEffect(()=>{if(typeof window>"u")return;const l=E=>{const S=E.detail;if(S&&S.type&&S.title&&S.message){const N={...S,id:`${Date.now()}-${Math.random().toString(36).substr(2,9)}`};p(N)}};return window.addEventListener("mfe-notification",l),()=>{window.removeEventListener("mfe-notification",l)}},[p]),m.jsxs(ke.Provider,{value:{notify:s,notifySuccess:C,notifyError:d,notifyWarning:w,notifyInfo:f,removeNotification:_},children:[t,n.length>0&&m.jsx("div",{style:{position:"fixed",top:"80px",right:"20px",zIndex:9998,maxWidth:"400px",width:"100%",display:"flex",flexDirection:"column",gap:"8px",pointerEvents:"none"},children:n.map(l=>m.jsxs("div",{className:`notification notification-${l.type}`,style:{pointerEvents:"auto",padding:"12px 16px",borderRadius:"8px",background:l.type==="success"?"#d4edda":l.type==="error"?"#f8d7da":l.type==="warning"?"#fff3cd":"#d1ecf1",color:l.type==="success"?"#155724":l.type==="error"?"#721c24":l.type==="warning"?"#856404":"#0c5460",boxShadow:"0 4px 12px rgba(0,0,0,0.15)",display:"flex",alignItems:"flex-start",gap:"12px"},children:[m.jsxs("div",{style:{flex:1},children:[m.jsx("strong",{style:{display:"block",marginBottom:"4px"},children:l.title}),m.jsx("p",{style:{margin:0,fontSize:"14px"},children:l.message}),m.jsx("small",{style:{opacity:.7,fontSize:"12px"},children:l.mfeName})]}),m.jsx("button",{onClick:()=>_(l.id),style:{background:"transparent",border:"none",cursor:"pointer",fontSize:"18px",lineHeight:1,opacity:.5},children:"×"})]},l.id))})]})}function St(){const t=c.useContext(ke);return t||{notify:()=>{},notifySuccess:()=>{},notifyError:()=>{},notifyWarning:()=>{},notifyInfo:()=>{},removeNotification:()=>{}}}function xt(t){if(typeof window>"u")return;const n=window.__MF_NAME__||ce,a={...t,mfeName:n,timestamp:Date.now()};window.dispatchEvent(new CustomEvent("mfe-notification",{detail:a,bubbles:!0}))}const Re="platform-kit",Y={log:(...t)=>{},warn:(...t)=>{},error:(...t)=>{console.error(`[${Re}]`,...t)},info:(...t)=>{}};function Ct(){if(typeof window>"u")return{isAuthenticated:!1};const t=window.__SHELL_AUTH_INSTANCE__;if(t)return t;const n=window.__SHELL_AUTH__;return n?.authInstance?n.authInstance:{isAuthenticated:!1}}function At(){if(typeof window>"u")return;const t=window.__SHELL_AUTH_INSTANCE__;t?.signinRedirect?t.signinRedirect().catch(n=>{Y.error("Failed to redirect to login:",n)}):window.location.href="/"}function Tt(t){const n=t.response;let a="unknown";return n?n.status===401?a="unauthorized":n.status===403?a="forbidden":n.status===404?a="not_found":n.status>=500&&(a="server"):a="network",{message:n?.data?.message??t.message??"Unknown error",code:n?.data?.code,status:n?.status,type:a,timestamp:Date.now(),url:t.config?.url}}function Me(t={}){const n=t.name||Re,a={log:(...o)=>Y.log(`[API:${n}]`,...o),warn:(...o)=>Y.warn(`[API:${n}]`,...o),error:(...o)=>Y.error(`[API:${n}]`,...o),info:(...o)=>Y.info(`[API:${n}]`,...o)},u=ot.create({timeout:t.timeout??1e4,baseURL:t.baseURL??"",headers:{"Content-Type":"application/json"}});return u.interceptors.request.use(o=>{const p=Ct();if(p?.isAuthenticated){const s=p.user?.profile?.access_token;s&&o.headers&&(o.headers.Authorization=`Bearer ${s}`,a.info("Auth token attached"))}else a.info("User not authenticated - request without token");return a.log(`${o.method?.toUpperCase()} ${o.url}`),o},o=>(a.error("Request interceptor error:",o.message),Promise.reject(o))),u.interceptors.response.use(o=>(a.log(`Response ${o.status}:`,o.config.url),o),o=>{const p=o.response?.status,s=o.config?.url;return p===401?(a.warn("401 Unauthorized - triggering re-auth"),At()):p===403?a.warn("403 Forbidden - insufficient permissions"):p===404?a.warn("404 Not found:",s):p===429?a.warn("429 Rate limited"):p===500?a.error("500 Server error:",s):o.response?a.warn(`Error ${p}:`,o.message):a.error("Network error - backend may be unavailable:",s),Promise.reject(Tt(o))}),u}const J=Me();async function kt(t,n,a=J){const u=await a.get(t,{params:n});return{data:u.data,status:u.status,ok:u.status>=200&&u.status<300}}async function Rt(t,n,a=J){const u=await a.post(t,n);return{data:u.data,status:u.status,ok:u.status>=200&&u.status<300}}async function Mt(t,n,a=J){const u=await a.put(t,n);return{data:u.data,status:u.status,ok:u.status>=200&&u.status<300}}async function It(t,n=J){const a=await n.delete(t);return{data:a.data,status:a.status,ok:a.status>=200&&a.status<300}}function K(t,n){const a=n?.prefix?`[${n.prefix}]`:`[${t}]`;return{log:(...u)=>{},warn:(...u)=>{},error:(...u)=>{console.error(a,...u)},info:(...u)=>{}}}const Nt=K("platform-kit",{prefix:"AUTH"}),jt=K("platform-kit",{prefix:"API"}),Pt=K("platform-kit",{prefix:"ERROR"}),Ot=K("platform-kit",{prefix:"INFO"}),Ft={},Dt={log:(...t)=>{},warn:(...t)=>{},error:(...t)=>{console.error("[getMfeName]",...t)}};function ue(t){return t?t.mfeName?t.mfeName:t.name?t.name.replace("@ib-dop/",""):null:null}function Ie(){if(typeof window>"u")return null;const t=window;return t.__MF_NAME__?t.__MF_NAME__:null}function Ne(){if(typeof window>"u")return null;try{const t=sessionStorage.getItem("mf-config");if(t){const n=JSON.parse(t);if(n.mfeName)return n.mfeName;if(n.name)return n.name;if(n.appName)return n.appName}}catch{}return null}function le(){const t=Ft;return t.VITE_MFE_NAME?String(t.VITE_MFE_NAME):t.MFE_NAME?String(t.MFE_NAME):null}let te=null,fe=!1;function je(t,n){const a=ue(t);if(a)return a;if(fe&&te)return te;const u=[{source:"window.__MF_NAME__",value:Ie()},{source:"sessionStorage.mf-config",value:Ne()},{source:"import.meta.env.VITE_MFE_NAME",value:le()}];for(const{source:p,value:s}of u)if(s)return te=s,fe=!0,s;if(n)return n;const o="Cannot determine MFE name. Please pass mfeName in props, set window.__MF_NAME__, sessionStorage.mf-config, or VITE_MFE_NAME";throw Dt.error(o),new Error(o)}function Lt(t){return je(t)}function Pe(t){return ue(t)?"props.mfeName":Ie()?"window.__MF_NAME__":Ne()?"sessionStorage.mf-config":le()?"import.meta.env.VITE_MFE_NAME":null}function Ut(t){return Pe(t)!==null}function Vt(){te=null,fe=!1}function Bt(t){const n=[];return ue(t)&&n.push("props.mfeName"),typeof window<"u"&&(window.__MF_NAME__&&n.push("window.__MF_NAME__"),sessionStorage.getItem("mf-config")&&n.push("sessionStorage.mf-config")),le()&&n.push("import.meta.env.VITE_MFE_NAME"),n}v.ErrorBoundary=yt,v.NotificationProvider=bt,v.VersionInfo=wt,v.api=J,v.apiLogger=jt,v.authLogger=Nt,v.createApiClient=Me,v.createMfLogger=K,v.del=It,v.dispatchNotification=xt,v.errorLogger=Pt,v.get=kt,v.getAllMfeNameSources=Bt,v.getAuth=$,v.getMfeName=je,v.getMfeNameSource=Pe,v.hasMfeName=Ut,v.infoLogger=Ot,v.post=Rt,v.put=Mt,v.requireMfeName=Lt,v.resetMfeNameCache=Vt,v.useApi=lt,v.useFeatureAdmin=ht,v.useFeatures=pt,v.useInfoData=we,v.useMicrofrontendsFeatures=gt,v.useNotification=St,v.usePermissions=dt,v.useShellAuth=z,v.useV1Config=ut,Object.defineProperty(v,Symbol.toStringTag,{value:"Module"})}));
|
|
18
|
+
${s}`]})]}),m.jsxs("div",{style:{marginTop:"12px",display:"flex",gap:"8px",justifyContent:"center"},children:[m.jsx("button",{onClick:this.handleCopy,style:{padding:"8px 12px",background:"#666",color:"white",border:"none",borderRadius:"4px",cursor:"pointer"},children:"📋 Копировать"}),m.jsx("button",{onClick:this.handleRetry,style:{padding:"8px 12px",background:"#d32f2f",color:"white",border:"none",borderRadius:"4px",cursor:"pointer"},children:"🔄 Обновить"}),m.jsx("button",{onClick:this.handleGoHome,style:{padding:"8px 12px",background:"#1976d2",color:"white",border:"none",borderRadius:"4px",cursor:"pointer"},children:"🏠 На главную"})]})]})}return this.props.children==null?null:this.props.children}}const D={info:"ℹ️",code:"💻",link:"🔗",user:"👤",clock:"🕐",apps:"📦",storage:"💾",tags:"🏷️",spreadsheet:"📊"};function Tt({mfeName:t}){const{data:n,isLoading:s,error:c}=xe({mfeName:t}),[l,h]=o.useState(!1);if(s)return m.jsxs("span",{className:"text-muted small me-2",children:[m.jsx("span",{className:"me-1",children:"⏳"}),"Загрузка..."]});if(c||!n)return m.jsxs("span",{className:"text-muted small me-2",title:`Ошибка: ${c||"нет данных"}`,children:[m.jsx("span",{className:"me-1",children:"ℹ️"}),"N/A"]});const r=n,v=r.BUILD_VERSION||r.IMAGE_VERSION||r.APP_NAME||"N/A",f=[];return r.APP_NAME&&f.push({key:"APP_NAME",value:r.APP_NAME,label:"Приложение",icon:D.apps}),r.BUILD_VERSION&&f.push({key:"BUILD_VERSION",value:r.BUILD_VERSION,label:"Версия",icon:D.tags}),r.IMAGE_VERSION&&f.push({key:"IMAGE_VERSION",value:r.IMAGE_VERSION,label:"Образ",icon:D.storage}),r.GIT_COMMIT&&f.push({key:"GIT_COMMIT",value:r.GIT_COMMIT,label:"Commit",icon:D.spreadsheet}),r.GIT_BRANCH&&f.push({key:"GIT_BRANCH",value:r.GIT_BRANCH,label:"Ветка",icon:D.spreadsheet}),r.CI_COMMIT_AUTHOR&&f.push({key:"CI_COMMIT_AUTHOR",value:r.CI_COMMIT_AUTHOR,label:"Автор",icon:D.user}),r.CI_COMMIT_TIMESTAMP&&f.push({key:"CI_COMMIT_TIMESTAMP",value:r.CI_COMMIT_TIMESTAMP,label:"Дата",icon:D.clock}),r.CI_JOB_URL&&f.push({key:"CI_JOB_URL",value:r.CI_JOB_URL,label:"CI Job",icon:D.link}),r.CI_PIPELINE_URL&&f.push({key:"CI_PIPELINE_URL",value:r.CI_PIPELINE_URL,label:"Pipeline",icon:D.link}),r.CI_COMMIT_MESSAGE&&(r.CI_COMMIT_MESSAGE.length>60?r.CI_COMMIT_MESSAGE.substring(0,57)+"":r.CI_COMMIT_MESSAGE,f.push({key:"CI_COMMIT_MESSAGE",value:r.CI_COMMIT_MESSAGE,label:"Сообщение",icon:D.code})),m.jsxs("div",{style:{display:"inline-block",position:"relative"},children:[m.jsxs("button",{onClick:()=>h(!l),style:{background:"transparent",border:"none",cursor:"pointer",padding:"4px 8px",fontSize:"14px",display:"inline-flex",alignItems:"center"},title:"Информация о версии",children:[m.jsx("span",{className:"me-1",children:D.info}),m.jsx("span",{className:"text-dark",children:v})]}),l&&m.jsxs("div",{style:{position:"absolute",top:"100%",right:0,zIndex:1e3,minWidth:"300px",background:"white",border:"1px solid #dee2e6",borderRadius:"8px",boxShadow:"0 4px 12px rgba(0,0,0,0.15)",padding:"16px",marginTop:"4px"},children:[m.jsxs("div",{style:{marginBottom:"12px",paddingBottom:"8px",borderBottom:"1px solid #dee2e6",display:"flex",alignItems:"center"},children:[m.jsx("span",{className:"me-2",children:D.apps}),m.jsx("strong",{children:r.APP_NAME||t})]}),m.jsxs("div",{style:{marginBottom:"12px"},children:[m.jsx("span",{className:"text-muted",children:"Версия: "}),m.jsx("strong",{children:v})]}),f.length>0&&m.jsx("div",{style:{fontSize:"13px"},children:f.map(({key:w,value:d,label:g,icon:u})=>{const b=d.length>40&&(w.includes("URL")||w.includes("MESSAGE"))?`${d.substring(0,37)}...`:d;return m.jsxs("div",{style:{marginBottom:"8px",display:"flex",alignItems:"flex-start"},children:[m.jsx("span",{className:"me-2",style:{flexShrink:0},children:u}),m.jsxs("div",{style:{flex:1,minWidth:0},children:[m.jsx("div",{className:"small text-muted",children:g}),m.jsx("div",{className:"font-monospace small text-truncate",style:{maxWidth:"100%"},title:d,children:w.includes("URL")?m.jsx("a",{href:d,target:"_blank",rel:"noopener noreferrer",style:{color:"#007bff"},children:b}):b})]})]},w)})}),f.length===0&&m.jsx("div",{className:"text-center text-muted py-2 small",children:"Нет информации о версии"}),m.jsx("div",{style:{marginTop:"12px",paddingTop:"8px",borderTop:"1px solid #dee2e6",textAlign:"center",fontSize:"12px",color:"#6c757d"},children:"IngoBank DevOps Platform"}),m.jsx("button",{onClick:()=>h(!1),style:{position:"absolute",top:"8px",right:"8px",background:"transparent",border:"none",cursor:"pointer",fontSize:"16px",color:"#6c757d"},children:"×"})]}),l&&m.jsx("div",{onClick:()=>h(!1),style:{position:"fixed",top:0,left:0,right:0,bottom:0,zIndex:999}})]})}const ue="platform-kit",Ie=o.createContext(null);function Rt({children:t}){const[n,s]=o.useState([]),c=typeof window<"u"&&window.__MF_NAME__||ue,l=o.useCallback((u,b,y,N)=>({id:`${Date.now()}-${Math.random().toString(36).substr(2,9)}`,type:u,title:b,message:y,mfeName:c,timestamp:Date.now(),duration:N}),[c]),h=o.useCallback(u=>{s(y=>[...y,u].slice(0,5));const b=u.duration||5e3;b>0&&setTimeout(()=>{s(y=>y.filter(N=>N.id!==u.id))},b)},[]),r=o.useCallback(u=>{const b=l(u.type,u.title,u.message,u.duration);h(b),typeof window<"u"&&window.dispatchEvent(new CustomEvent("mfe-notification",{detail:b,bubbles:!0}))},[l,h]),v=o.useCallback((u,b="Успешно")=>{r({type:"success",title:b,message:u})},[r]),f=o.useCallback((u,b="Ошибка")=>{r({type:"error",title:b,message:u})},[r]),w=o.useCallback((u,b="Предупреждение")=>{r({type:"warning",title:b,message:u})},[r]),d=o.useCallback((u,b="Информация")=>{r({type:"info",title:b,message:u})},[r]),g=o.useCallback(u=>{s(b=>b.filter(y=>y.id!==u))},[]);return o.useEffect(()=>{if(typeof window>"u")return;const u=b=>{const y=b.detail;if(y&&y.type&&y.title&&y.message){const N={...y,id:`${Date.now()}-${Math.random().toString(36).substr(2,9)}`};h(N)}};return window.addEventListener("mfe-notification",u),()=>{window.removeEventListener("mfe-notification",u)}},[h]),m.jsxs(Ie.Provider,{value:{notify:r,notifySuccess:v,notifyError:f,notifyWarning:w,notifyInfo:d,removeNotification:g},children:[t,n.length>0&&m.jsx("div",{style:{position:"fixed",top:"80px",right:"20px",zIndex:9998,maxWidth:"400px",width:"100%",display:"flex",flexDirection:"column",gap:"8px",pointerEvents:"none"},children:n.map(u=>m.jsxs("div",{className:`notification notification-${u.type}`,style:{pointerEvents:"auto",padding:"12px 16px",borderRadius:"8px",background:u.type==="success"?"#d4edda":u.type==="error"?"#f8d7da":u.type==="warning"?"#fff3cd":"#d1ecf1",color:u.type==="success"?"#155724":u.type==="error"?"#721c24":u.type==="warning"?"#856404":"#0c5460",boxShadow:"0 4px 12px rgba(0,0,0,0.15)",display:"flex",alignItems:"flex-start",gap:"12px"},children:[m.jsxs("div",{style:{flex:1},children:[m.jsx("strong",{style:{display:"block",marginBottom:"4px"},children:u.title}),m.jsx("p",{style:{margin:0,fontSize:"14px"},children:u.message}),m.jsx("small",{style:{opacity:.7,fontSize:"12px"},children:u.mfeName})]}),m.jsx("button",{onClick:()=>g(u.id),style:{background:"transparent",border:"none",cursor:"pointer",fontSize:"18px",lineHeight:1,opacity:.5},children:"×"})]},u.id))})]})}function Mt(){const t=o.useContext(Ie);return t||{notify:()=>{},notifySuccess:()=>{},notifyError:()=>{},notifyWarning:()=>{},notifyInfo:()=>{},removeNotification:()=>{}}}function It(t){if(typeof window>"u")return;const n=window.__MF_NAME__||ue,s={...t,mfeName:n,timestamp:Date.now()};window.dispatchEvent(new CustomEvent("mfe-notification",{detail:s,bubbles:!0}))}const Ne="platform-kit",te={log:(...t)=>{},warn:(...t)=>{},error:(...t)=>{console.error(`[${Ne}]`,...t)},info:(...t)=>{}};function Nt(t){const n=t.response;let s="unknown";return n?n.status===401?s="unauthorized":n.status===403?s="forbidden":n.status===404?s="not_found":n.status>=500&&(s="server"):s="network",{message:n?.data?.message??t.message??"Unknown error",code:n?.data?.code,status:n?.status,type:s,timestamp:Date.now(),url:t.config?.url}}const jt=3,Pt=1e3;function Ot(t){return!t||t>=500||t===429}function Ft(t){return new Promise(n=>setTimeout(n,t))}function je(t={}){const n=t.name||Ne,s=t.retries??jt,c=t.retryDelay??Pt,l={log:(...r)=>te.log(`[API:${n}]`,...r),warn:(...r)=>te.warn(`[API:${n}]`,...r),error:(...r)=>te.error(`[API:${n}]`,...r),info:(...r)=>te.info(`[API:${n}]`,...r)},h=ut.create({timeout:t.timeout??1e4,baseURL:t.baseURL??"",headers:{"Content-Type":"application/json"}});return h.interceptors.request.use(r=>{const v=we();if(v?.isAuthenticated){const f=v.user?.profile?.access_token;f&&r.headers&&(r.headers.Authorization=`Bearer ${f}`,l.info("Auth token attached"))}else l.info("User not authenticated - request without token");return l.log(`${r.method?.toUpperCase()} ${r.url}`),r},r=>(l.error("Request interceptor error:",r.message),Promise.reject(r))),h.interceptors.response.use(r=>(l.log(`Response ${r.status}:`,r.config.url),r),async r=>{const v=r.response?.status,f=r.config?.url,w=r.config?._retryCount??0;if(Ot(v)&&w<s){const d=r.config;d._retryCount=w+1;const g=c*Math.pow(2,w);return l.warn(`Retrying (${d._retryCount}/${s}) after ${g}ms:`,f),await Ft(g),h.request(d)}return v===401?(l.warn("401 Unauthorized - triggering re-auth"),be()):v===403?l.warn("403 Forbidden - insufficient permissions"):v===404?l.warn("404 Not found:",f):v===429?l.warn("429 Rate limited"):v===500?l.error("500 Server error:",f):r.response?l.warn(`Error ${v}:`,r.message):l.error("Network error - backend may be unavailable:",f),Promise.reject(Nt(r))}),h}const X=je();async function Dt(t,n,s=X){const c=await s.get(t,{params:n});return{data:c.data,status:c.status,ok:c.status>=200&&c.status<300}}async function Lt(t,n,s=X){const c=await s.post(t,n);return{data:c.data,status:c.status,ok:c.status>=200&&c.status<300}}async function Ut(t,n,s=X){const c=await s.put(t,n);return{data:c.data,status:c.status,ok:c.status>=200&&c.status<300}}async function Vt(t,n=X){const s=await n.delete(t);return{data:s.data,status:s.status,ok:s.status>=200&&s.status<300}}function Z(t,n){const s=n?.prefix?`[${n.prefix}]`:`[${t}]`;return{log:(...c)=>{},warn:(...c)=>{},error:(...c)=>{console.error(s,...c)},info:(...c)=>{}}}const Bt=Z("platform-kit",{prefix:"AUTH"}),Wt=Z("platform-kit",{prefix:"API"}),zt=Z("platform-kit",{prefix:"ERROR"}),Ht=Z("platform-kit",{prefix:"INFO"}),Gt={},Yt={log:(...t)=>{},warn:(...t)=>{},error:(...t)=>{console.error("[getMfeName]",...t)}};function le(t){return t?t.mfeName?t.mfeName:t.name?t.name.replace("@ib-dop/",""):null:null}function Pe(){if(typeof window>"u")return null;const t=window;return t.__MF_NAME__?t.__MF_NAME__:null}function Oe(){if(typeof window>"u")return null;try{const t=sessionStorage.getItem("mf-config");if(t){const n=JSON.parse(t);if(n.mfeName)return n.mfeName;if(n.name)return n.name;if(n.appName)return n.appName}}catch{}return null}function fe(){const t=Gt;return t.VITE_MFE_NAME?String(t.VITE_MFE_NAME):t.MFE_NAME?String(t.MFE_NAME):null}let ne=null,de=!1;function Fe(t,n){const s=le(t);if(s)return s;if(de&&ne)return ne;const c=[{source:"window.__MF_NAME__",value:Pe()},{source:"sessionStorage.mf-config",value:Oe()},{source:"import.meta.env.VITE_MFE_NAME",value:fe()}];for(const{source:h,value:r}of c)if(r)return ne=r,de=!0,r;if(n)return n;const l="Cannot determine MFE name. Please pass mfeName in props, set window.__MF_NAME__, sessionStorage.mf-config, or VITE_MFE_NAME";throw Yt.error(l),new Error(l)}function Jt(t){return Fe(t)}function De(t){return le(t)?"props.mfeName":Pe()?"window.__MF_NAME__":Oe()?"sessionStorage.mf-config":fe()?"import.meta.env.VITE_MFE_NAME":null}function Kt(t){return De(t)!==null}function Xt(){ne=null,de=!1}function Zt(t){const n=[];return le(t)&&n.push("props.mfeName"),typeof window<"u"&&(window.__MF_NAME__&&n.push("window.__MF_NAME__"),sessionStorage.getItem("mf-config")&&n.push("sessionStorage.mf-config")),fe()&&n.push("import.meta.env.VITE_MFE_NAME"),n}_.ErrorBoundary=kt,_.NotificationProvider=Rt,_.VersionInfo=Tt,_.api=X,_.apiLogger=Wt,_.authLogger=Bt,_.createApiClient=je,_.createMfLogger=Z,_.del=Vt,_.dispatchNotification=It,_.errorLogger=zt,_.get=Dt,_.getAccessToken=lt,_.getAllMfeNameSources=Zt,_.getAuthState=we,_.getMfeName=Fe,_.getMfeNameSource=De,_.getShellAuth=U,_.hasMfeName=Kt,_.infoLogger=Ht,_.isAuthenticated=ft,_.logout=dt,_.post=Lt,_.put=Ut,_.redirectToLogin=be,_.requireMfeName=Jt,_.resetMfeNameCache=Xt,_.useApi=_t,_.useFeatureAdmin=wt,_.useFeatures=yt,_.useInfoData=xe,_.useMicrofrontendsFeatures=bt,_.useNotification=Mt,_.usePermissions=Et,_.useShellAuth=Y,_.useV1Config=gt,Object.defineProperty(_,Symbol.toStringTag,{value:"Module"})}));
|
package/dist/services/api.d.ts
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"api.d.ts","sourceRoot":"","sources":["../../src/services/api.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAc,EAAE,aAAa,EAA0C,MAAM,OAAO,CAAA;AACpF,OAAO,KAAK,EAAY,WAAW,EAAE,MAAM,UAAU,CAAA;
|
|
1
|
+
{"version":3,"file":"api.d.ts","sourceRoot":"","sources":["../../src/services/api.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAc,EAAE,aAAa,EAA0C,MAAM,OAAO,CAAA;AACpF,OAAO,KAAK,EAAY,WAAW,EAAE,MAAM,UAAU,CAAA;AASrD;;GAEG;AACH,QAAA,MAAM,MAAM;mBACK,OAAO,EAAE;oBAGR,OAAO,EAAE;qBAGR,OAAO,EAAE;oBAGV,OAAO,EAAE;CAG1B,CAAA;AAED;;GAEG;AACH,MAAM,WAAW,SAAS;IACxB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,UAAU,CAAC,EAAE,MAAM,CAAA;CACpB;AAED;;GAEG;AACH,MAAM,WAAW,gBAAgB;IAC/B,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,MAAM,CAAC,EAAE,MAAM,CAAA;CAChB;AAgED;;;;;;;;;;;GAWG;AACH,wBAAgB,eAAe,CAAC,MAAM,GAAE,SAAc,GAAG,aAAa,CA4FrE;AAGD,eAAO,MAAM,GAAG,eAAoB,CAAA;AAEpC;;GAEG;AACH,wBAAsB,GAAG,CAAC,CAAC,EACzB,GAAG,EAAE,MAAM,EACX,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAChC,MAAM,GAAE,aAAmB,GAC1B,OAAO,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,CAOzB;AAED;;GAEG;AACH,wBAAsB,IAAI,CAAC,CAAC,EAC1B,GAAG,EAAE,MAAM,EACX,IAAI,CAAC,EAAE,OAAO,EACd,MAAM,GAAE,aAAmB,GAC1B,OAAO,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,CAOzB;AAED;;GAEG;AACH,wBAAsB,GAAG,CAAC,CAAC,EACzB,GAAG,EAAE,MAAM,EACX,IAAI,CAAC,EAAE,OAAO,EACd,MAAM,GAAE,aAAmB,GAC1B,OAAO,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,CAOzB;AAED;;GAEG;AACH,wBAAsB,GAAG,CAAC,CAAC,EACzB,GAAG,EAAE,MAAM,EACX,MAAM,GAAE,aAAmB,GAC1B,OAAO,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,CAOzB;AAGD,OAAO,EAAE,MAAM,EAAE,CAAA"}
|
package/dist/utils/index.d.ts
CHANGED
|
@@ -4,5 +4,6 @@
|
|
|
4
4
|
* Centralized utilities for microfrontend management
|
|
5
5
|
*/
|
|
6
6
|
export { getMfeName, requireMfeName, getMfeNameSource, hasMfeName, resetMfeNameCache, getAllMfeNameSources, type MfeNameProps, } from './mfeName';
|
|
7
|
+
export { getShellAuth, getAuthState, getAccessToken, isAuthenticated, redirectToLogin, logout, } from './shellAuth';
|
|
7
8
|
export type { MfeNameSource } from '../types';
|
|
8
9
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/utils/index.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAGH,OAAO,EACL,UAAU,EACV,cAAc,EACd,gBAAgB,EAChB,UAAU,EACV,iBAAiB,EACjB,oBAAoB,EACpB,KAAK,YAAY,GAClB,MAAM,WAAW,CAAA;AAGlB,YAAY,EAAE,aAAa,EAAE,MAAM,UAAU,CAAA"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/utils/index.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAGH,OAAO,EACL,UAAU,EACV,cAAc,EACd,gBAAgB,EAChB,UAAU,EACV,iBAAiB,EACjB,oBAAoB,EACpB,KAAK,YAAY,GAClB,MAAM,WAAW,CAAA;AAGlB,OAAO,EACL,YAAY,EACZ,YAAY,EACZ,cAAc,EACd,eAAe,EACf,eAAe,EACf,MAAM,GACP,MAAM,aAAa,CAAA;AAGpB,YAAY,EAAE,aAAa,EAAE,MAAM,UAAU,CAAA"}
|
|
@@ -0,0 +1,43 @@
|
|
|
1
|
+
import { ShellAuth } from '../types';
|
|
2
|
+
/**
|
|
3
|
+
* Получить auth instance из window globals
|
|
4
|
+
*
|
|
5
|
+
* Поддерживает два формата:
|
|
6
|
+
* - window.__SHELL_AUTH_INSTANCE__ (прямой доступ)
|
|
7
|
+
* - window.__SHELL_AUTH__.authInstance (вложенный формат)
|
|
8
|
+
*
|
|
9
|
+
* @returns ShellAuth instance или null
|
|
10
|
+
*/
|
|
11
|
+
export declare function getShellAuth(): ShellAuth | null;
|
|
12
|
+
/**
|
|
13
|
+
* Получить auth state (упрощённый формат для API interceptors)
|
|
14
|
+
*
|
|
15
|
+
* @returns Auth state с isAuthenticated и user
|
|
16
|
+
*/
|
|
17
|
+
export declare function getAuthState(): {
|
|
18
|
+
isAuthenticated: boolean;
|
|
19
|
+
user?: {
|
|
20
|
+
profile?: {
|
|
21
|
+
access_token?: string;
|
|
22
|
+
};
|
|
23
|
+
};
|
|
24
|
+
} | null;
|
|
25
|
+
/**
|
|
26
|
+
* Получить access token из shell auth
|
|
27
|
+
*
|
|
28
|
+
* @returns Access token или null
|
|
29
|
+
*/
|
|
30
|
+
export declare function getAccessToken(): string | null;
|
|
31
|
+
/**
|
|
32
|
+
* Проверить авторизован ли пользователь
|
|
33
|
+
*/
|
|
34
|
+
export declare function isAuthenticated(): boolean;
|
|
35
|
+
/**
|
|
36
|
+
* Инициировать редирект на страницу логина
|
|
37
|
+
*/
|
|
38
|
+
export declare function redirectToLogin(): Promise<void>;
|
|
39
|
+
/**
|
|
40
|
+
* Выход из системы
|
|
41
|
+
*/
|
|
42
|
+
export declare function logout(): Promise<void>;
|
|
43
|
+
//# sourceMappingURL=shellAuth.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"shellAuth.d.ts","sourceRoot":"","sources":["../../src/utils/shellAuth.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,UAAU,CAAA;AAEzC;;;;;;;;GAQG;AACH,wBAAgB,YAAY,IAAI,SAAS,GAAG,IAAI,CAgB/C;AAED;;;;GAIG;AACH,wBAAgB,YAAY,IAAI;IAC9B,eAAe,EAAE,OAAO,CAAA;IACxB,IAAI,CAAC,EAAE;QACL,OAAO,CAAC,EAAE;YACR,YAAY,CAAC,EAAE,MAAM,CAAA;SACtB,CAAA;KACF,CAAA;CACF,GAAG,IAAI,CAWP;AAED;;;;GAIG;AACH,wBAAgB,cAAc,IAAI,MAAM,GAAG,IAAI,CAQ9C;AAED;;GAEG;AACH,wBAAgB,eAAe,IAAI,OAAO,CAGzC;AAED;;GAEG;AACH,wBAAsB,eAAe,IAAI,OAAO,CAAC,IAAI,CAAC,CAQrD;AAED;;GAEG;AACH,wBAAsB,MAAM,IAAI,OAAO,CAAC,IAAI,CAAC,CAM5C"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@ibdop/platform-kit",
|
|
3
|
-
"version": "1.0.
|
|
3
|
+
"version": "1.0.12",
|
|
4
4
|
"private": false,
|
|
5
5
|
"description": "Platform Kit - переиспользуемые хуки и компоненты для MF IngoBank DevOps Platform",
|
|
6
6
|
"main": "dist/index.js",
|
|
@@ -45,8 +45,6 @@
|
|
|
45
45
|
"dev": "vite",
|
|
46
46
|
"build": "tsc && vite build",
|
|
47
47
|
"build:types": "tsc --emitDeclarationOnly --declaration --declarationMap",
|
|
48
|
-
"test": "vitest",
|
|
49
|
-
"test:ui": "vitest --ui",
|
|
50
48
|
"lint": "eslint src --ext .ts,.tsx",
|
|
51
49
|
"lint:fix": "eslint src --ext .ts,.tsx --fix",
|
|
52
50
|
"typecheck": "tsc --noEmit"
|
|
@@ -70,8 +68,8 @@
|
|
|
70
68
|
"homepage": "https://git.dev.banksoyuz.ru/devops/platform-kit",
|
|
71
69
|
"devDependencies": {
|
|
72
70
|
"@types/node": "^25.2.3",
|
|
73
|
-
"@types/react": "^
|
|
74
|
-
"@types/react-dom": "^
|
|
71
|
+
"@types/react": "^18.0.0",
|
|
72
|
+
"@types/react-dom": "^18.0.0",
|
|
75
73
|
"@vitejs/plugin-react": "^5.1.4",
|
|
76
74
|
"typescript": "^5.9.3",
|
|
77
75
|
"vite": "^7.3.1",
|
package/src/hooks/index.ts
CHANGED
package/src/hooks/useApi.ts
CHANGED
|
@@ -5,7 +5,7 @@
|
|
|
5
5
|
* обработкой ошибок и уведомлениями.
|
|
6
6
|
*/
|
|
7
7
|
|
|
8
|
-
import { useState, useCallback } from 'react'
|
|
8
|
+
import { useState, useCallback, useRef, useEffect } from 'react'
|
|
9
9
|
import type { ApiError, ApiResponse, NotificationPayload } from '../types'
|
|
10
10
|
|
|
11
11
|
// Development mode flag
|
|
@@ -104,6 +104,8 @@ export interface UseApiConfig<T = never> {
|
|
|
104
104
|
errorContext?: string
|
|
105
105
|
onSuccess?: (data: T) => void
|
|
106
106
|
onError?: (error: ApiError) => void
|
|
107
|
+
/** Auto-execute on mount (default: false) */
|
|
108
|
+
immediate?: boolean
|
|
107
109
|
}
|
|
108
110
|
|
|
109
111
|
/**
|
|
@@ -117,6 +119,14 @@ export interface UseApiResult<T> {
|
|
|
117
119
|
isSuccess: boolean
|
|
118
120
|
execute: () => Promise<T | null>
|
|
119
121
|
reset: () => void
|
|
122
|
+
abort: () => void
|
|
123
|
+
}
|
|
124
|
+
|
|
125
|
+
/**
|
|
126
|
+
* Check if error is an abort error
|
|
127
|
+
*/
|
|
128
|
+
function isAbortError(error: unknown): boolean {
|
|
129
|
+
return error instanceof Error && error.name === 'AbortError'
|
|
120
130
|
}
|
|
121
131
|
|
|
122
132
|
/**
|
|
@@ -128,14 +138,14 @@ export interface UseApiResult<T> {
|
|
|
128
138
|
*
|
|
129
139
|
* @example
|
|
130
140
|
* ```tsx
|
|
131
|
-
* const { data, isLoading, isError, execute } = useApi<User[]>(
|
|
132
|
-
* () => fetch('/api/users').then(r => r.json()),
|
|
141
|
+
* const { data, isLoading, isError, execute, abort } = useApi<User[]>(
|
|
142
|
+
* (signal) => fetch('/api/users', { signal }).then(r => r.json()),
|
|
133
143
|
* { notifyOnError: true, errorContext: 'загрузка пользователей' }
|
|
134
144
|
* )
|
|
135
145
|
* ```
|
|
136
146
|
*/
|
|
137
147
|
export function useApi<T>(
|
|
138
|
-
request: () => Promise<ApiResponse<T>>,
|
|
148
|
+
request: (signal?: AbortSignal) => Promise<ApiResponse<T>>,
|
|
139
149
|
config: UseApiConfig<T> = {}
|
|
140
150
|
): UseApiResult<T> {
|
|
141
151
|
const {
|
|
@@ -151,15 +161,50 @@ export function useApi<T>(
|
|
|
151
161
|
const [error, setError] = useState<ApiError | null>(null)
|
|
152
162
|
const [isLoading, setIsLoading] = useState(false)
|
|
153
163
|
|
|
164
|
+
// AbortController ref for request cancellation
|
|
165
|
+
const abortControllerRef = useRef<AbortController | null>(null)
|
|
166
|
+
|
|
154
167
|
const isError = error !== null
|
|
155
168
|
const isSuccess = data !== null && !isLoading && !isError
|
|
156
169
|
|
|
170
|
+
// Cleanup on unmount
|
|
171
|
+
useEffect(() => {
|
|
172
|
+
return () => {
|
|
173
|
+
if (abortControllerRef.current) {
|
|
174
|
+
abortControllerRef.current.abort()
|
|
175
|
+
}
|
|
176
|
+
}
|
|
177
|
+
}, [])
|
|
178
|
+
|
|
179
|
+
const abort = useCallback(() => {
|
|
180
|
+
if (abortControllerRef.current) {
|
|
181
|
+
abortControllerRef.current.abort()
|
|
182
|
+
abortControllerRef.current = null
|
|
183
|
+
setIsLoading(false)
|
|
184
|
+
logger.log('Request aborted')
|
|
185
|
+
}
|
|
186
|
+
}, [])
|
|
187
|
+
|
|
157
188
|
const execute = useCallback(async () => {
|
|
189
|
+
// Abort any pending request
|
|
190
|
+
if (abortControllerRef.current) {
|
|
191
|
+
abortControllerRef.current.abort()
|
|
192
|
+
}
|
|
193
|
+
|
|
194
|
+
// Create new AbortController
|
|
195
|
+
abortControllerRef.current = new AbortController()
|
|
196
|
+
const signal = abortControllerRef.current.signal
|
|
197
|
+
|
|
158
198
|
setIsLoading(true)
|
|
159
199
|
setError(null)
|
|
160
200
|
|
|
161
201
|
try {
|
|
162
|
-
const response = await request()
|
|
202
|
+
const response = await request(signal)
|
|
203
|
+
|
|
204
|
+
// Check if aborted during request
|
|
205
|
+
if (signal.aborted) {
|
|
206
|
+
return null
|
|
207
|
+
}
|
|
163
208
|
|
|
164
209
|
if (response.ok) {
|
|
165
210
|
setData(response.data)
|
|
@@ -193,6 +238,12 @@ export function useApi<T>(
|
|
|
193
238
|
return null
|
|
194
239
|
}
|
|
195
240
|
} catch (err) {
|
|
241
|
+
// Ignore abort errors
|
|
242
|
+
if (isAbortError(err)) {
|
|
243
|
+
logger.log('Request was aborted')
|
|
244
|
+
return null
|
|
245
|
+
}
|
|
246
|
+
|
|
196
247
|
// Handle network/server errors
|
|
197
248
|
const apiError = err as ApiError
|
|
198
249
|
setError(apiError)
|
|
@@ -204,7 +255,10 @@ export function useApi<T>(
|
|
|
204
255
|
onError?.(apiError)
|
|
205
256
|
return null
|
|
206
257
|
} finally {
|
|
207
|
-
|
|
258
|
+
if (!signal.aborted) {
|
|
259
|
+
setIsLoading(false)
|
|
260
|
+
}
|
|
261
|
+
abortControllerRef.current = null
|
|
208
262
|
}
|
|
209
263
|
}, [request, notifyOnError, notifyOnSuccess, successMessage, errorContext, onSuccess, onError])
|
|
210
264
|
|
|
@@ -222,24 +276,26 @@ export function useApi<T>(
|
|
|
222
276
|
isSuccess,
|
|
223
277
|
execute,
|
|
224
278
|
reset,
|
|
279
|
+
abort,
|
|
225
280
|
}
|
|
226
281
|
}
|
|
227
282
|
|
|
228
283
|
// Convenience hooks for common HTTP methods
|
|
229
284
|
|
|
230
285
|
/**
|
|
231
|
-
* GET запрос
|
|
286
|
+
* GET запрос с AbortController
|
|
232
287
|
*/
|
|
233
288
|
export function useGet<T>(
|
|
234
289
|
url: string,
|
|
235
290
|
params?: Record<string, unknown>,
|
|
236
291
|
config: UseApiConfig<T> = {}
|
|
237
292
|
): UseApiResult<T> {
|
|
238
|
-
const request = () =>
|
|
239
|
-
fetch(url,
|
|
293
|
+
const request = (signal?: AbortSignal) =>
|
|
294
|
+
fetch(url, {
|
|
240
295
|
method: 'GET',
|
|
241
|
-
headers: { 'Content-Type': 'application/json' }
|
|
242
|
-
|
|
296
|
+
headers: { 'Content-Type': 'application/json' },
|
|
297
|
+
signal,
|
|
298
|
+
})
|
|
243
299
|
.then(async (response) => {
|
|
244
300
|
const data = await response.json()
|
|
245
301
|
return { data, status: response.status, ok: response.ok } as ApiResponse<T>
|
|
@@ -249,18 +305,19 @@ export function useGet<T>(
|
|
|
249
305
|
}
|
|
250
306
|
|
|
251
307
|
/**
|
|
252
|
-
* POST запрос
|
|
308
|
+
* POST запрос с AbortController
|
|
253
309
|
*/
|
|
254
310
|
export function usePost<T>(
|
|
255
311
|
url: string,
|
|
256
312
|
data?: unknown,
|
|
257
313
|
config: UseApiConfig<T> = {}
|
|
258
314
|
): UseApiResult<T> {
|
|
259
|
-
const request = () =>
|
|
315
|
+
const request = (signal?: AbortSignal) =>
|
|
260
316
|
fetch(url, {
|
|
261
317
|
method: 'POST',
|
|
262
318
|
headers: { 'Content-Type': 'application/json' },
|
|
263
319
|
body: data ? JSON.stringify(data) : undefined,
|
|
320
|
+
signal,
|
|
264
321
|
})
|
|
265
322
|
.then(async (response) => {
|
|
266
323
|
const responseData = await response.json()
|
|
@@ -271,18 +328,19 @@ export function usePost<T>(
|
|
|
271
328
|
}
|
|
272
329
|
|
|
273
330
|
/**
|
|
274
|
-
* PUT запрос
|
|
331
|
+
* PUT запрос с AbortController
|
|
275
332
|
*/
|
|
276
333
|
export function usePut<T>(
|
|
277
334
|
url: string,
|
|
278
335
|
data?: unknown,
|
|
279
336
|
config: UseApiConfig<T> = {}
|
|
280
337
|
): UseApiResult<T> {
|
|
281
|
-
const request = () =>
|
|
338
|
+
const request = (signal?: AbortSignal) =>
|
|
282
339
|
fetch(url, {
|
|
283
340
|
method: 'PUT',
|
|
284
341
|
headers: { 'Content-Type': 'application/json' },
|
|
285
342
|
body: data ? JSON.stringify(data) : undefined,
|
|
343
|
+
signal,
|
|
286
344
|
})
|
|
287
345
|
.then(async (response) => {
|
|
288
346
|
const responseData = await response.json()
|
|
@@ -293,16 +351,17 @@ export function usePut<T>(
|
|
|
293
351
|
}
|
|
294
352
|
|
|
295
353
|
/**
|
|
296
|
-
* DELETE запрос
|
|
354
|
+
* DELETE запрос с AbortController
|
|
297
355
|
*/
|
|
298
356
|
export function useDel<T>(
|
|
299
357
|
url: string,
|
|
300
358
|
config: UseApiConfig<T> = {}
|
|
301
359
|
): UseApiResult<T> {
|
|
302
|
-
const request = () =>
|
|
360
|
+
const request = (signal?: AbortSignal) =>
|
|
303
361
|
fetch(url, {
|
|
304
362
|
method: 'DELETE',
|
|
305
363
|
headers: { 'Content-Type': 'application/json' },
|
|
364
|
+
signal,
|
|
306
365
|
})
|
|
307
366
|
.then(async (response) => {
|
|
308
367
|
const responseData = await response.json()
|