---
title: "WebSDK Bundle"
url: https://docs.catalyst.zoho.com/en/sdk/javascript/v1/webpack-bundler/
description: "Catalyst offers you JavaScript SDK in a modular architecture, providing you with a singular SDK for browser and server operations."
last_updated: 2026-09-09T10:45:38Z
service: All Services
type: general
related_links:
  - name: "Java SDK"
    url: /en/sdk/java/v1/overview/
  - name: "Python SDK"
    url: /en/sdk/python/v1/overview/
  - name: "iOS SDK"
    url: /en/sdk/ios/v2/overview/
  - name: "Android SDK"
    url: /en/sdk/android/v2/overview/
  - name: "Flutter SDK"
    url: /en/sdk/flutter/v2/overview/
  - name: "REST APIs"
    url: /en/api/code-reference/general/projects/create-new-project/#CreateNewProject
  - name: "Catalyst Functions"
    url: /en/serverless/help/functions/introduction
repository:
  name: "Repository"
  url: https://github.com/catalystbyzoho/zcatalyst-sdk-js
---

# WebSDK Bundle for Catalyst JavaScript SDK

Using the [Catalyst CLI](https://docs.catalyst.zoho.com/en/cli/v1/cli-command-reference/), you can generate a webSDK bundler called **Catalyst Bundle Studio** that will contain required SDK methods that can be accessed using the [User](https://docs.catalyst.zoho.com/en/sdk/javascript/v1/scopes/) scope. This bundler will be hosted locally on an available port in your machine.

The WebSDK bundle offers you:

* A user-friendly UI to select and install specific packages and versions.
* Organized list of all the required SDKs with detailed information on each bundle and its associated method.
* Extensive UI options to update existing bundle, remove, or add packages and generate updated bundles.

![catalyst_modular_sdk_webpack_gen_first_look](https://catalyst-docs-development.zohostratus.in/images/sdk/javascript/catalyst_modular_sdk_webpack_gen_first_look.webp)

The **Catalyst Bundle Studio** will ensure that all SDK methods required for the front-end work of your Catalyst application is provided in an easy-to-use manner. You can directly use the SDK method from the webSDK bundle without meeting the prerequisites typically required for SDK methods that require **Admin** scope.

### Generate Catalyst WebSDK

To generate and access the webSDK bundle:

1. Open the terminal present in your system and execute the following command.

```sh
catalyst websdk:generate
```

  ![catalyst_js_sdk_webpack_gen_cli-gen](https://catalyst-docs-development.zohostratus.in/images/sdk/javascript/catalyst_js_sdk_webpack_gen_cli-gen.webp)

2. Open the **localhost** endpoint in your preferred browser.
  ![catalyst_modular_sdk_webpack_gen_first_look](https://catalyst-docs-development.zohostratus.in/images/sdk/javascript/catalyst_modular_sdk_webpack_gen_first_look.webp)

The webSDK for Catalyst JavaScript SDK has been generated and can be used to download the required package.

### Download the Required Bundle

To download the required bundle from the Catalyst webSDK generator:

1. Select the required package and version from the bundle, and click **Generate WebSDK Bundle**.
  ![catalyst_modular_sdk_webpack_generating](https://catalyst-docs-development.zohostratus.in/images/sdk/javascript/catalyst_modular_sdk_webpack_generating.webp)

2. Once the bundle is generated, click **Download** to download the generated bundle.
  ![catalyst_modular_sdk_webpack_download_bundle](https://catalyst-docs-development.zohostratus.in/images/sdk/javascript/catalyst_modular_sdk_webpack_download_bundle.webp)

You have the option to press **CTRL+C** in your CLI to terminate your bundle download.

![catalyst_modular_sdk_webpack_create-terminate-cli](https://catalyst-docs-development.zohostratus.in/images/sdk/javascript/catalyst_modular_sdk_webpack_create-terminate-cli.webp)

Along with the SDK bundle, the following files will be downloaded and stored in your local system.

* `catalyst-bundle.js` - Contains the webSDK bundle in the compressed form.
* `manifest.json` - Contains detailed information on the packages that were downloaded in the bundle.
* `package.json` - Contains a list of dependencies of the packages that were downloaded in the bundle.

The required packages have been downloaded from the webSDK generated using the Catalyst CLI.

### Update the Generated Bundle

To update the version or add more packages to your downloaded bundle:

1. Execute the following command in your Catalyst CLI to update the packages present in your webpack bundle.

```sh
catalyst websdk:generate --action update
```

![catalyst_modular_sdk_webpack_cli-update-cmd](https://catalyst-docs-development.zohostratus.in/images/sdk/javascript/catalyst_modular_sdk_webpack_cli-update-cmd.webp)

2. Open the *localhost* endpoint in your preferred browser, and click the **Update Existing Bundle** tab. Click the **Choose File** option.
  ![catalyst_modular_sdk_webpack_update_sel](https://catalyst-docs-development.zohostratus.in/images/sdk/javascript/catalyst_modular_sdk_webpack_update_sel.webp)

3. Select the `manifest.json` file from your downloaded bundle directory.
  ![catalyst_modular_sdk_webpack_update-manifest](https://catalyst-docs-development.zohostratus.in/images/sdk/javascript/catalyst_modular_sdk_webpack_update-manifest.webp)

4. Make the required updates and click **Generate Updated Bundle**.
  ![catalyst-modular-sdk-webpack-update-proj](https://catalyst-docs-development.zohostratus.in/images/sdk/javascript/catalyst-modular-sdk-webpack-update-proj.webp)

5. Now, the required packages will be built.
  ![catalyst-modular-sdk-webpack-update-building-bundle](https://catalyst-docs-development.zohostratus.in/images/sdk/javascript/catalyst-modular-sdk-webpack-update-building-bundle.webp)

6. Click **Download Updated Bundle** to download the generated bundle.
  ![catalyst-modular-sdk-download-updated-bundle](https://catalyst-docs-development.zohostratus.in/images/sdk/javascript/catalyst-modular-sdk-download-updated-bundle.webp)

The updated bundle will be downloaded.

Once, you've completed your required operation, ensure you press **CTRL+C** in your CLI to terminate the Catalyst Bundle Studio application.

### Browser-Supported JavaScript Methods

The following table lists the Catalyst JavaScript SDK methods that can be accessed using the [User Scope](https://docs.catalyst.zoho.com/en/sdk/javascript/v1/scopes/#implement-sdk-methods-with-scopes).

<table border="1" cellpadding="8" cellspacing="0">
  <thead>
    <tr>
      <th>Catalyst Service</th>
      <th>Component</th>
      <th>SDK Methods</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>[Serverless](https://docs.catalyst.zoho.com/en/serverless/)</td>
      <td>[Functions](https://docs.catalyst.zoho.com/en/serverless/help/functions/introduction/)</td>
      <td>[Execute Function](https://docs.catalyst.zoho.com/en/sdk/javascript/v1/serverless/functions/execute-function/)</td>
    </tr>
    <tr>
      <td rowspan="16">[CloudScale](https://docs.catalyst.zoho.com/en/cloud-scale/)</td>
      <td rowspan="2">[Authentication](https://docs.catalyst.zoho.com/en/cloud-scale/help/authentication/introduction/)</td>
      <td>[Get User Details](https://docs.catalyst.zoho.com/en/sdk/javascript/v1/cloudscale/authentication/get-user-details/)</td>
    </tr>
    <tr>
      <td>[Reset Password](https://docs.catalyst.zoho.com/en/sdk/javascript/v1/cloudscale/authentication/reset-pwd/)</td>
    </tr>
    <tr>
      <td rowspan="9">[DataStore](https://docs.catalyst.zoho.com/en/cloud-scale/help/data-store/introduction/)</td>
      <td>[Get Table Metadata](https://docs.catalyst.zoho.com/en/sdk/javascript/v1/cloudscale/datastore/get-table-metadata/)</td>
    </tr>
    <tr>
      <td>[Get Column Metadata](https://docs.catalyst.zoho.com/en/sdk/javascript/v1/cloudscale/datastore/get-column-metadata/)</td>
    </tr>
    <tr>
      <td>[Get Rows](https://docs.catalyst.zoho.com/en/sdk/javascript/v1/cloudscale/datastore/get-rows/)</td>
    </tr>
    <tr>
      <td>[Query DataStore](https://docs.catalyst.zoho.com/en/sdk/javascript/v1/cloudscale/datastore/query-datastore/)</td>
    </tr>
    <tr>
      <td>[Search DataStore](https://docs.catalyst.zoho.com/en/sdk/javascript/v1/cloudscale/datastore/search-datastore/)</td>
    </tr>
    <tr>
      <td>[Insert Rows](https://docs.catalyst.zoho.com/en/sdk/javascript/v1/cloudscale/datastore/insert-rows/)</td>
    </tr>
    <tr>
      <td>[Update Rows](https://docs.catalyst.zoho.com/en/sdk/javascript/v1/cloudscale/datastore/update-rows/)</td>
    </tr>
    <tr>
      <td>[Delete a Row](https://docs.catalyst.zoho.com/en/sdk/javascript/v1/cloudscale/datastore/delete-rows/)</td>
    </tr>
    <tr>
      <td>[Bulk Delete Rows](https://docs.catalyst.zoho.com/en/sdk/javascript/v1/cloudscale/datastore/bulk-operations/bulk-delete/)</td>
    </tr>
    <tr>
      <td rowspan="4">[Stratus](https://docs.catalyst.zoho.com/en/cloud-scale/help/stratus/introduction/)</td>
      <td>[Check Object Availability](https://docs.catalyst.zoho.com/en/sdk/javascript/v1/cloudscale/stratus/check-object/)</td>
    </tr>
    <tr>
      <td>[Download Object](https://docs.catalyst.zoho.com/en/sdk/javascript/v1/cloudscale/stratus/download-object/)</td>
    </tr>
    <tr>
      <td>[Upload Object](https://docs.catalyst.zoho.com/en/sdk/javascript/v1/cloudscale/stratus/upload-object/)</td>
    </tr>
    <tr>
      <td>[Delete Objects](https://docs.catalyst.zoho.com/en/sdk/javascript/v1/cloudscale/stratus/delete-object/)</td>
    </tr>
    <tr>
      <td>[Push Notifications](https://docs.catalyst.zoho.com/en/cloud-scale/help/push-notifications/introduction/)</td>
      <td>[Register a Client](https://docs.catalyst.zoho.com/en/sdk/javascript/v1/cloudscale/push-notifications/register-client/)</td>
    </tr>
  </tbody>
</table>

> **Note:** For these components alone, when they are initialized, no auth instance needs to be passed. They will be initialized with the required scope by default.