@open-mercato/ui 0.6.7-develop.6696.1.4236709f7e → 0.6.7-develop.6725.1.07a748cfc2
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.
|
@@ -78,8 +78,13 @@ function useBackendChrome() {
|
|
|
78
78
|
}
|
|
79
79
|
};
|
|
80
80
|
}
|
|
81
|
+
function useCurrentOrganization() {
|
|
82
|
+
const { payload } = useBackendChrome();
|
|
83
|
+
return payload?.currentOrganization ?? null;
|
|
84
|
+
}
|
|
81
85
|
export {
|
|
82
86
|
BackendChromeProvider,
|
|
83
|
-
useBackendChrome
|
|
87
|
+
useBackendChrome,
|
|
88
|
+
useCurrentOrganization
|
|
84
89
|
};
|
|
85
90
|
//# sourceMappingURL=BackendChromeProvider.js.map
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/backend/BackendChromeProvider.tsx"],
|
|
4
|
-
"sourcesContent": ["'use client'\n\nimport * as React from 'react'\nimport { apiCall } from './utils/apiCall'\nimport { subscribeOrganizationScopeChanged, getCurrentOrganizationScopeVersion } from '@open-mercato/shared/lib/frontend/organizationEvents'\nimport type {
|
|
5
|
-
"mappings": ";
|
|
4
|
+
"sourcesContent": ["'use client'\n\nimport * as React from 'react'\nimport { apiCall } from './utils/apiCall'\nimport { subscribeOrganizationScopeChanged, getCurrentOrganizationScopeVersion } from '@open-mercato/shared/lib/frontend/organizationEvents'\nimport type {\n BackendChromeCurrentOrganization,\n BackendChromePayload,\n} from '@open-mercato/shared/modules/navigation/backendChrome'\n\ntype BackendChromeContextValue = {\n payload: BackendChromePayload | null\n isLoading: boolean\n isReady: boolean\n refresh: () => Promise<void>\n}\n\ntype BackendChromeProviderProps = {\n adminNavApi?: string\n children: React.ReactNode\n}\n\nconst chromeCache = new Map<string, BackendChromePayload>()\nconst BackendChromeContext = React.createContext<BackendChromeContextValue | null>(null)\n\nfunction buildCacheKey(api: string): string {\n return `${api}::scope:${getCurrentOrganizationScopeVersion()}`\n}\n\nexport function BackendChromeProvider({ adminNavApi, children }: BackendChromeProviderProps) {\n const cachedPayload = React.useMemo(() => {\n if (!adminNavApi) return null\n return chromeCache.get(buildCacheKey(adminNavApi)) ?? null\n }, [adminNavApi])\n const [payload, setPayload] = React.useState<BackendChromePayload | null>(cachedPayload)\n const [isLoading, setIsLoading] = React.useState(Boolean(adminNavApi && !cachedPayload))\n\n const refresh = React.useCallback(async () => {\n if (!adminNavApi) return\n setIsLoading(true)\n try {\n const call = await apiCall<BackendChromePayload>(adminNavApi, { credentials: 'include' as never })\n if (!call.ok || !call.result) return\n const nextPayload = call.result\n chromeCache.set(buildCacheKey(adminNavApi), nextPayload)\n setPayload(nextPayload)\n } catch {\n return\n } finally {\n setIsLoading(false)\n }\n }, [adminNavApi])\n\n React.useEffect(() => {\n if (!adminNavApi) {\n setPayload(null)\n setIsLoading(false)\n return\n }\n const cached = chromeCache.get(buildCacheKey(adminNavApi)) ?? null\n setPayload(cached)\n if (!cached) {\n void refresh()\n }\n }, [adminNavApi, refresh])\n\n React.useEffect(() => {\n if (!adminNavApi) return\n const onFocus = () => { void refresh() }\n const onManualRefresh = () => { void refresh() }\n const unsubscribeScope = subscribeOrganizationScopeChanged(() => {\n void refresh()\n })\n window.addEventListener('focus', onFocus)\n window.addEventListener('om:refresh-sidebar', onManualRefresh as EventListener)\n return () => {\n unsubscribeScope()\n window.removeEventListener('focus', onFocus)\n window.removeEventListener('om:refresh-sidebar', onManualRefresh as EventListener)\n }\n }, [adminNavApi, refresh])\n\n const value = React.useMemo<BackendChromeContextValue>(() => ({\n payload,\n isLoading,\n isReady: !adminNavApi || payload !== null,\n refresh,\n }), [adminNavApi, isLoading, payload, refresh])\n\n return (\n <BackendChromeContext.Provider value={value}>\n {children}\n </BackendChromeContext.Provider>\n )\n}\n\nexport function useBackendChrome(): BackendChromeContextValue {\n return React.useContext(BackendChromeContext) ?? {\n payload: null,\n isLoading: false,\n isReady: true,\n refresh: async () => {},\n }\n}\n\n/**\n * The organization the backend chrome is currently scoped to, for UI that needs to label\n * \"you are viewing: <name>\".\n *\n * Reads the payload this provider already holds, so it costs no additional request. Returns `null`\n * under an all-organizations selection, outside a provider, or before the payload has arrived \u2014 treat\n * it as \"unknown\", not as \"no organization\".\n *\n * Prefer this over `payload.brand`, which only populates when the organization has a logo configured.\n */\nexport function useCurrentOrganization(): BackendChromeCurrentOrganization | null {\n const { payload } = useBackendChrome()\n return payload?.currentOrganization ?? null\n}\n"],
|
|
5
|
+
"mappings": ";AA0FI;AAxFJ,YAAY,WAAW;AACvB,SAAS,eAAe;AACxB,SAAS,mCAAmC,0CAA0C;AAkBtF,MAAM,cAAc,oBAAI,IAAkC;AAC1D,MAAM,uBAAuB,MAAM,cAAgD,IAAI;AAEvF,SAAS,cAAc,KAAqB;AAC1C,SAAO,GAAG,GAAG,WAAW,mCAAmC,CAAC;AAC9D;AAEO,SAAS,sBAAsB,EAAE,aAAa,SAAS,GAA+B;AAC3F,QAAM,gBAAgB,MAAM,QAAQ,MAAM;AACxC,QAAI,CAAC,YAAa,QAAO;AACzB,WAAO,YAAY,IAAI,cAAc,WAAW,CAAC,KAAK;AAAA,EACxD,GAAG,CAAC,WAAW,CAAC;AAChB,QAAM,CAAC,SAAS,UAAU,IAAI,MAAM,SAAsC,aAAa;AACvF,QAAM,CAAC,WAAW,YAAY,IAAI,MAAM,SAAS,QAAQ,eAAe,CAAC,aAAa,CAAC;AAEvF,QAAM,UAAU,MAAM,YAAY,YAAY;AAC5C,QAAI,CAAC,YAAa;AAClB,iBAAa,IAAI;AACjB,QAAI;AACF,YAAM,OAAO,MAAM,QAA8B,aAAa,EAAE,aAAa,UAAmB,CAAC;AACjG,UAAI,CAAC,KAAK,MAAM,CAAC,KAAK,OAAQ;AAC9B,YAAM,cAAc,KAAK;AACzB,kBAAY,IAAI,cAAc,WAAW,GAAG,WAAW;AACvD,iBAAW,WAAW;AAAA,IACxB,QAAQ;AACN;AAAA,IACF,UAAE;AACA,mBAAa,KAAK;AAAA,IACpB;AAAA,EACF,GAAG,CAAC,WAAW,CAAC;AAEhB,QAAM,UAAU,MAAM;AACpB,QAAI,CAAC,aAAa;AAChB,iBAAW,IAAI;AACf,mBAAa,KAAK;AAClB;AAAA,IACF;AACA,UAAM,SAAS,YAAY,IAAI,cAAc,WAAW,CAAC,KAAK;AAC9D,eAAW,MAAM;AACjB,QAAI,CAAC,QAAQ;AACX,WAAK,QAAQ;AAAA,IACf;AAAA,EACF,GAAG,CAAC,aAAa,OAAO,CAAC;AAEzB,QAAM,UAAU,MAAM;AACpB,QAAI,CAAC,YAAa;AAClB,UAAM,UAAU,MAAM;AAAE,WAAK,QAAQ;AAAA,IAAE;AACvC,UAAM,kBAAkB,MAAM;AAAE,WAAK,QAAQ;AAAA,IAAE;AAC/C,UAAM,mBAAmB,kCAAkC,MAAM;AAC/D,WAAK,QAAQ;AAAA,IACf,CAAC;AACD,WAAO,iBAAiB,SAAS,OAAO;AACxC,WAAO,iBAAiB,sBAAsB,eAAgC;AAC9E,WAAO,MAAM;AACX,uBAAiB;AACjB,aAAO,oBAAoB,SAAS,OAAO;AAC3C,aAAO,oBAAoB,sBAAsB,eAAgC;AAAA,IACnF;AAAA,EACF,GAAG,CAAC,aAAa,OAAO,CAAC;AAEzB,QAAM,QAAQ,MAAM,QAAmC,OAAO;AAAA,IAC5D;AAAA,IACA;AAAA,IACA,SAAS,CAAC,eAAe,YAAY;AAAA,IACrC;AAAA,EACF,IAAI,CAAC,aAAa,WAAW,SAAS,OAAO,CAAC;AAE9C,SACE,oBAAC,qBAAqB,UAArB,EAA8B,OAC5B,UACH;AAEJ;AAEO,SAAS,mBAA8C;AAC5D,SAAO,MAAM,WAAW,oBAAoB,KAAK;AAAA,IAC/C,SAAS;AAAA,IACT,WAAW;AAAA,IACX,SAAS;AAAA,IACT,SAAS,YAAY;AAAA,IAAC;AAAA,EACxB;AACF;AAYO,SAAS,yBAAkE;AAChF,QAAM,EAAE,QAAQ,IAAI,iBAAiB;AACrC,SAAO,SAAS,uBAAuB;AACzC;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@open-mercato/ui",
|
|
3
|
-
"version": "0.6.7-develop.
|
|
3
|
+
"version": "0.6.7-develop.6725.1.07a748cfc2",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"main": "./dist/index.js",
|
|
@@ -155,13 +155,13 @@
|
|
|
155
155
|
"remark-gfm": "^4.0.1"
|
|
156
156
|
},
|
|
157
157
|
"peerDependencies": {
|
|
158
|
-
"@open-mercato/shared": "0.6.7-develop.
|
|
158
|
+
"@open-mercato/shared": "0.6.7-develop.6725.1.07a748cfc2",
|
|
159
159
|
"react": ">=18.0.0",
|
|
160
160
|
"react-dom": ">=18.0.0",
|
|
161
161
|
"react-is": ">=18.0.0"
|
|
162
162
|
},
|
|
163
163
|
"devDependencies": {
|
|
164
|
-
"@open-mercato/shared": "0.6.7-develop.
|
|
164
|
+
"@open-mercato/shared": "0.6.7-develop.6725.1.07a748cfc2",
|
|
165
165
|
"@testing-library/dom": "^10.4.1",
|
|
166
166
|
"@testing-library/jest-dom": "^6.9.1",
|
|
167
167
|
"@testing-library/react": "^16.3.1",
|
|
@@ -3,7 +3,10 @@
|
|
|
3
3
|
import * as React from 'react'
|
|
4
4
|
import { apiCall } from './utils/apiCall'
|
|
5
5
|
import { subscribeOrganizationScopeChanged, getCurrentOrganizationScopeVersion } from '@open-mercato/shared/lib/frontend/organizationEvents'
|
|
6
|
-
import type {
|
|
6
|
+
import type {
|
|
7
|
+
BackendChromeCurrentOrganization,
|
|
8
|
+
BackendChromePayload,
|
|
9
|
+
} from '@open-mercato/shared/modules/navigation/backendChrome'
|
|
7
10
|
|
|
8
11
|
type BackendChromeContextValue = {
|
|
9
12
|
payload: BackendChromePayload | null
|
|
@@ -99,3 +102,18 @@ export function useBackendChrome(): BackendChromeContextValue {
|
|
|
99
102
|
refresh: async () => {},
|
|
100
103
|
}
|
|
101
104
|
}
|
|
105
|
+
|
|
106
|
+
/**
|
|
107
|
+
* The organization the backend chrome is currently scoped to, for UI that needs to label
|
|
108
|
+
* "you are viewing: <name>".
|
|
109
|
+
*
|
|
110
|
+
* Reads the payload this provider already holds, so it costs no additional request. Returns `null`
|
|
111
|
+
* under an all-organizations selection, outside a provider, or before the payload has arrived — treat
|
|
112
|
+
* it as "unknown", not as "no organization".
|
|
113
|
+
*
|
|
114
|
+
* Prefer this over `payload.brand`, which only populates when the organization has a logo configured.
|
|
115
|
+
*/
|
|
116
|
+
export function useCurrentOrganization(): BackendChromeCurrentOrganization | null {
|
|
117
|
+
const { payload } = useBackendChrome()
|
|
118
|
+
return payload?.currentOrganization ?? null
|
|
119
|
+
}
|