a76c6a0e5f
* Support apps in dashboard navigation * Update macaw-ui sidebar Trigger CI * Update app routing * Update app extensions schema * Update navigation external app routing * Refactor sidebar extension menu items open handling * Update macaw-ui * Update messages * Update prettier config * Refactor * Update extensions manu item active indication * Update macaw-ui
98 lines
3.1 KiB
TypeScript
98 lines
3.1 KiB
TypeScript
import { stringifyQs } from "@saleor/utils/urls";
|
|
import urlJoin from "url-join";
|
|
|
|
import { ActiveTab, Dialog, Pagination, SingleAction } from "../types";
|
|
|
|
export const MANIFEST_ATTR = "manifestUrl";
|
|
|
|
export type AppListUrlDialog = "remove" | "remove-app" | "remove-custom-app";
|
|
|
|
export type AppDetailsUrlDialog = "app-activate" | "app-deactivate";
|
|
|
|
export type AppListUrlQueryParams = ActiveTab &
|
|
Dialog<AppListUrlDialog> &
|
|
SingleAction &
|
|
Pagination;
|
|
|
|
export type AppDetailsUrlQueryParams = Dialog<AppDetailsUrlDialog> &
|
|
SingleAction;
|
|
|
|
export type AppInstallUrlQueryParams = Partial<{ [MANIFEST_ATTR]: string }>;
|
|
|
|
export enum AppListUrlSortField {
|
|
name = "name",
|
|
active = "active"
|
|
}
|
|
|
|
export type CustomAppUrlDialog =
|
|
| "create-token"
|
|
| "remove-webhook"
|
|
| "remove-token"
|
|
| "app-activate"
|
|
| "app-deactivate";
|
|
export type CustomAppUrlQueryParams = Dialog<CustomAppUrlDialog> & SingleAction;
|
|
|
|
export const appsSection = "/apps/";
|
|
export const appsListPath = appsSection;
|
|
|
|
export const customAppListPath = "/apps/custom/";
|
|
|
|
export const appDetailsPath = (id: string) => urlJoin(appsSection, id);
|
|
export const appSettingsPath = (id: string) =>
|
|
urlJoin(appsSection, id, "settings");
|
|
export const appPath = (id: string) => urlJoin(appsSection, id, "app");
|
|
export const appDeepPath = (id: string, subPath: string) =>
|
|
urlJoin(appPath(id), subPath);
|
|
export const customAppPath = (id: string) => urlJoin(customAppListPath, id);
|
|
export const appInstallPath = urlJoin(appsSection, "install");
|
|
export const appInstallUrl = appInstallPath;
|
|
|
|
export const appDetailsUrl = (id: string, params?: AppDetailsUrlQueryParams) =>
|
|
appDetailsPath(encodeURIComponent(id)) + "?" + stringifyQs(params);
|
|
|
|
export const appSettingsUrl = (id: string, params?: AppDetailsUrlQueryParams) =>
|
|
appSettingsPath(encodeURIComponent(id)) + "?" + stringifyQs(params);
|
|
|
|
export const appUrl = (id: string, params?: AppDetailsUrlQueryParams) =>
|
|
appPath(encodeURIComponent(id)) + "?" + stringifyQs(params);
|
|
export const appDeepUrl = (
|
|
id: string,
|
|
subPath: string,
|
|
params?: AppDetailsUrlQueryParams
|
|
) => appDeepPath(encodeURIComponent(id), subPath) + "?" + stringifyQs(params);
|
|
|
|
export const getAppCompleteUrlFromDashboardUrl = (
|
|
dashboardUrl: string,
|
|
appUrl?: string,
|
|
appId?: string
|
|
) => {
|
|
if (!appUrl || !appId) {
|
|
return appUrl;
|
|
}
|
|
const deepSubPath = dashboardUrl.replace(
|
|
appPath(encodeURIComponent(appId)),
|
|
""
|
|
);
|
|
const appCompleteUrl = urlJoin(appUrl, deepSubPath);
|
|
return appCompleteUrl;
|
|
};
|
|
export const getDashboardUrFromAppCompleteUrl = (
|
|
appCompleteUrl: string,
|
|
appUrl?: string,
|
|
appId?: string
|
|
) => {
|
|
if (!appUrl || !appId) {
|
|
return appUrl;
|
|
}
|
|
const deepSubPath = appCompleteUrl.replace(appUrl, "");
|
|
const dashboardUrl = urlJoin(appPath(encodeURIComponent(appId)), deepSubPath);
|
|
return dashboardUrl;
|
|
};
|
|
|
|
export const customAppUrl = (id: string, params?: CustomAppUrlQueryParams) =>
|
|
customAppPath(encodeURIComponent(id)) + "?" + stringifyQs(params);
|
|
export const customAppAddPath = urlJoin(customAppListPath, "add");
|
|
export const customAppAddUrl = customAppAddPath;
|
|
|
|
export const appsListUrl = (params?: AppListUrlQueryParams) =>
|
|
appsListPath + "?" + stringifyQs(params);
|