npm package discovery and stats viewer.

Discover Tips

  • General search

    [free text search, go nuts!]

  • Package details

    pkg:[package-name]

  • User packages

    @[username]

Sponsor

Optimize Toolset

I’ve always been into building performant and accessible sites, but lately I’ve been taking it extremely seriously. So much so that I’ve been building a tool to help me optimize and monitor the sites that I build to make sure that I’m making an attempt to offer the best experience to those who visit them. If you’re into performant, accessible and SEO friendly sites, you might like it too! You can check it out at Optimize Toolset.

About

Hi, 👋, I’m Ryan Hefner  and I built this site for me, and you! The goal of this site was to provide an easy way for me to check the stats on my npm packages, both for prioritizing issues and updates, and to give me a little kick in the pants to keep up on stuff.

As I was building it, I realized that I was actually using the tool to build the tool, and figured I might as well put this out there and hopefully others will find it to be a fast and useful way to search and browse npm packages as I have.

If you’re interested in other things I’m working on, follow me on Twitter or check out the open source projects I’ve been publishing on GitHub.

I am also working on a Twitter bot for this site to tweet the most popular, newest, random packages from npm. Please follow that account now and it will start sending out packages soon–ish.

Open Software & Tools

This site wouldn’t be possible without the immense generosity and tireless efforts from the people who make contributions to the world and share their work via open source initiatives. Thank you 🙏

© 2026 – Pkg Stats / Ryan Hefner

ce-storefront

v0.22.10

Published

<!-- Start Summary [summary] --> ## Summary

Vulnerabilities

Powered byPowered by Snyk
  • 0High
  • 0Medium
  • 0Low

Links

Git

Maintainers

saranshchaudharysaranshchaudhary

Keywords

Readme

ce-storefront

Summary

CE Storefront APIs: Customer-facing e-commerce API for building exceptional shopping experiences

Public-facing API for Commerce Engine storefronts, enabling seamless shopping experiences with product browsing, cart management, checkout processing, user accounts, and order tracking. Perfect for building web, mobile, and headless commerce applications.

For more information about the API: Commerce Engine API Reference Documentation

Table of Contents

SDK Installation

The SDK can be installed with either npm, pnpm, bun or yarn package managers.

NPM

npm add ce-storefront

PNPM

pnpm add ce-storefront

Bun

bun add ce-storefront

Yarn

yarn add ce-storefront

[!NOTE] This package is published as an ES Module (ESM) only. For applications using CommonJS, use await import("ce-storefront") to import and use this package.

Requirements

For supported JavaScript runtimes, please consult RUNTIMES.md.

SDK Example Usage

Example

import { CeStorefront } from "ce-storefront";

const ceStorefront = new CeStorefront();

async function run() {
  const result = await ceStorefront.auth.getAnonymousToken({
    xApiKey: "<YOUR_API_KEY_HERE>",
  });

  console.log(result);
}

run();

Available Resources and Operations

Auth

Carts

Catalog

Common

Customers

Marketplace

Orders

Payments

Store

Standalone functions

All the methods listed above are available as standalone functions. These functions are ideal for use in applications running in the browser, serverless runtimes or other environments where application bundle size is a primary concern. When using a bundler to build your application, all unused functionality will be either excluded from the final bundle or tree-shaken away.

To read more about standalone functions, check FUNCTIONS.md.

Retries

Some of the endpoints in this SDK support retries. If you use the SDK without any configuration, it will fall back to the default retry strategy provided by the API. However, the default retry strategy can be overridden on a per-operation basis, or across the entire SDK.

To change the default retry strategy for a single API call, simply provide a retryConfig object to the call:

import { CeStorefront } from "ce-storefront";

const ceStorefront = new CeStorefront();

async function run() {
  const result = await ceStorefront.auth.getAnonymousToken({
    xApiKey: "<YOUR_API_KEY_HERE>",
  }, {
    retries: {
      strategy: "backoff",
      backoff: {
        initialInterval: 1,
        maxInterval: 50,
        exponent: 1.1,
        maxElapsedTime: 100,
      },
      retryConnectionErrors: false,
    },
  });

  console.log(result);
}

run();

If you'd like to override the default retry strategy for all operations that support retries, you can provide a retryConfig at SDK initialization:

import { CeStorefront } from "ce-storefront";

const ceStorefront = new CeStorefront({
  retryConfig: {
    strategy: "backoff",
    backoff: {
      initialInterval: 1,
      maxInterval: 50,
      exponent: 1.1,
      maxElapsedTime: 100,
    },
    retryConnectionErrors: false,
  },
});

async function run() {
  const result = await ceStorefront.auth.getAnonymousToken({
    xApiKey: "<YOUR_API_KEY_HERE>",
  });

  console.log(result);
}

run();

Error Handling

CeStorefrontError is the base class for all HTTP error responses. It has the following properties:

| Property | Type | Description | | ------------------- | ---------- | --------------------------------------------------------------------------------------- | | error.message | string | Error message | | error.statusCode | number | HTTP response status code eg 404 | | error.headers | Headers | HTTP response headers | | error.body | string | HTTP body. Can be empty string if no body is returned. | | error.rawResponse | Response | Raw HTTP response | | error.data$ | | Optional. Some errors may contain structured data. See Error Classes. |

Example

import { CeStorefront } from "ce-storefront";
import * as errors from "ce-storefront/models/errors";

const ceStorefront = new CeStorefront();

async function run() {
  try {
    const result = await ceStorefront.auth.getAnonymousToken({
      xApiKey: "<YOUR_API_KEY_HERE>",
    });

    console.log(result);
  } catch (error) {
    // The base class for HTTP error responses
    if (error instanceof errors.CeStorefrontError) {
      console.log(error.message);
      console.log(error.statusCode);
      console.log(error.body);
      console.log(error.headers);

      // Depending on the method different errors may be thrown
      if (error instanceof errors.BadRequest) {
        console.log(error.data$.message); // string
        console.log(error.data$.success); // boolean
        console.log(error.data$.code); // string
        console.log(error.data$.error); // errors.ErrorT
      }
    }
  }
}

run();

Error Classes

Primary errors:

  • CeStorefrontError: The base class for HTTP error responses.
    • Unauthorized: Not authorized for given operation on the Resource. Status code 401. *
    • NotFound: Requested resource not found. Status code 404. *

Network errors:

Inherit from CeStorefrontError:

  • BadRequest: Bad request. Status code 400. Applicable to 32 of 66 methods.*
  • ResponseValidationError: Type mismatch between the data returned from the server and the structure expected by the SDK. See error.rawValue for the raw value and error.pretty() for a nicely formatted multi-line string.

* Check the method documentation to see if the error is applicable.

Server Selection

Select Server by Name

You can override the default server globally by passing a server name to the server: keyof typeof ServerList optional parameter when initializing the SDK client instance. The selected server will then be used as the default on the operations that use it. This table lists the names associated with the available servers:

| Name | Server | Variables | Description | | --------- | ------------------------------------------------------------------- | ---------- | -------------- | | staging | https://staging.api.commercengine.io/api/v1/{store_id}/storefront | store_id | Staging Server | | prod | https://prod.api.commercengine.io/api/v1/{store_id}/storefront | store_id | Prod Server |

If the selected server has variables, you may override its default values through the additional parameters made available in the SDK constructor:

| Variable | Parameter | Default | Description | | ---------- | ----------------- | ------------ | ----------- | | store_id | storeId: string | "store_id" | Store ID |

Example

import { CeStorefront } from "ce-storefront";

const ceStorefront = new CeStorefront({
  server: "staging",
  storeId: "store_id",
});

async function run() {
  const result = await ceStorefront.auth.getAnonymousToken({
    xApiKey: "<YOUR_API_KEY_HERE>",
  });

  console.log(result);
}

run();

Override Server URL Per-Client

The default server can also be overridden globally by passing a URL to the serverURL: string optional parameter when initializing the SDK client instance. For example:

import { CeStorefront } from "ce-storefront";

const ceStorefront = new CeStorefront({
  serverURL: "https://staging.api.commercengine.io/api/v1/store_id/storefront",
});

async function run() {
  const result = await ceStorefront.auth.getAnonymousToken({
    xApiKey: "<YOUR_API_KEY_HERE>",
  });

  console.log(result);
}

run();

Custom HTTP Client

The TypeScript SDK makes API calls using an HTTPClient that wraps the native Fetch API. This client is a thin wrapper around fetch and provides the ability to attach hooks around the request lifecycle that can be used to modify the request or handle errors and response.

The HTTPClient constructor takes an optional fetcher argument that can be used to integrate a third-party HTTP client or when writing tests to mock out the HTTP client and feed in fixtures.

The following example shows how to use the "beforeRequest" hook to to add a custom header and a timeout to requests and how to use the "requestError" hook to log errors:

import { CeStorefront } from "ce-storefront";
import { HTTPClient } from "ce-storefront/lib/http";

const httpClient = new HTTPClient({
  // fetcher takes a function that has the same signature as native `fetch`.
  fetcher: (request) => {
    return fetch(request);
  }
});

httpClient.addHook("beforeRequest", (request) => {
  const nextRequest = new Request(request, {
    signal: request.signal || AbortSignal.timeout(5000)
  });

  nextRequest.headers.set("x-custom-header", "custom value");

  return nextRequest;
});

httpClient.addHook("requestError", (error, request) => {
  console.group("Request Error");
  console.log("Reason:", `${error}`);
  console.log("Endpoint:", `${request.method} ${request.url}`);
  console.groupEnd();
});

const sdk = new CeStorefront({ httpClient: httpClient });

Authentication

Per-Client Security Schemes

This SDK supports the following security scheme globally:

| Name | Type | Scheme | | --------------- | ---- | ----------- | | authorization | http | HTTP Bearer |

To authenticate with the API the authorization parameter must be set when initializing the SDK client instance. For example:

import { CeStorefront } from "ce-storefront";

const ceStorefront = new CeStorefront({
  authorization: "<YOUR_BEARER_TOKEN_HERE>",
});

async function run() {
  const result = await ceStorefront.auth.generateOtp({
    requestBody: {
      channel: "email",
      email: "[email protected]",
      otpAction: "verify-email",
    },
  });

  console.log(result);
}

run();

Per-Operation Security Schemes

Some operations in this SDK require the security scheme to be specified at the request level. For example:

import { CeStorefront } from "ce-storefront";

const ceStorefront = new CeStorefront();

async function run() {
  const result = await ceStorefront.auth.getAnonymousToken({
    xApiKey: "<YOUR_API_KEY_HERE>",
  });

  console.log(result);
}

run();

Debugging

You can setup your SDK to emit debug logs for SDK requests and responses.

You can pass a logger that matches console's interface as an SDK option.

[!WARNING] Beware that debug logging will reveal secrets, like API tokens in headers, in log messages printed to a console or files. It's recommended to use this feature only during local development and not in production.

import { CeStorefront } from "ce-storefront";

const sdk = new CeStorefront({ debugLogger: console });

Development

Maturity

This SDK is in beta, and there may be breaking changes between versions without a major version update. Therefore, we recommend pinning usage to a specific package version. This way, you can install the same version each time without breaking changes unless you are intentionally looking for the latest version.

Contributions

While we value open-source contributions to this SDK, this library is generated programmatically. Any manual changes added to internal files will be overwritten on the next generation. We look forward to hearing your feedback. Feel free to open a PR or an issue with a proof of concept and we'll do our best to include it in a future release.

SDK Created by Speakeasy