Routing​

replaceTo(url: string): void

import { Redirect } from '@shoplineos/app-bridge';
const redirect = Redirect.create(app);
// Navigate to the SHOPLINE official website.
redirect.replaceTo('https://www.shopline.com');
// Navigate to an external page.
redirect.replaceTo('https://****app.com/dashboard');

routerTo(path: string): void

import { Redirect } from '@shoplineos/app-bridge';
const redirect = Redirect.create(app);
// Navigate to the order list page.
redirect.routerTo('/orders');
// Navigate to the product list page.
redirect.routerTo('/products');
// Navigate to an app page.
const yourAppHandle = 'your-app-handle';
redirect.routerTo(`/apps/${yourAppHandle}`);

toAdminPage(
  section: ADMIN_SECTION,
  options?: RedirectParam | RedirectOauthParam | RedirectPurchaseParam
): void

import {
  Redirect,
  ADMIN_SECTION,
  type RedirectParam,
  type RedirectOauthParam,
  type RedirectPurchaseParam,
  type OauthConfig,
} from '@shoplineos/app-bridge';
const redirect = Redirect.create(app);
// Example 1: Navigate to a category details page
const categoryParams: RedirectParam = {
  id: '1000001', // Category ID
  newContext: true, // Opens in a new tab
};
redirect.toAdminPage(ADMIN_SECTION.CATEGORIES, categoryParams);
// Example 2: Navigate to a product creation page
const createProductParams: RedirectParam = {
  create: true, // Navigate to the creation page
};
redirect.toAdminPage(ADMIN_SECTION.PRODUCTS, createProductParams);
// Example 3: Navigate to the authorization page
const oauthParams: RedirectOauthParam = {
  oauthInfo: {
    appKey: 'your-app-key',
    scope: 'read_products,write_products',
    redirectUri: 'https://your-app.com/callback',
  },
};
redirect.toAdminPage(ADMIN_SECTION.OAUTH, oauthParams);
// Example 4: Navigate to the plan purchase page
const purchaseParams: RedirectPurchaseParam = {
  appKey: 'your-app-key',
};
redirect.toAdminPage(ADMIN_SECTION.PACKAGE_PURCHASE, purchaseParams);