wix-cli-service-plugin（WIX CLI service plugin CLI）

Wix Service Plugin (SPI) Builder

Creates service plugin extensions for Wix CLI applications. Service plugins are a set of APIs defined by Wix that you can use to inject custom logic into the existing backend flows of Wix business solutions or to introduce entirely new flows to Wix sites.

When you implement a service plugin, Wix calls your custom functions during specific flows. Common use cases include eCommerce customization (shipping, fees, taxes, validations), but service plugins can extend any Wix business solution that exposes SPIs.

Quick Start Checklist

Follow these steps in order when creating a service plugin:

1. [ ] Read the reference doc for your SPI type (REQUIRED before implementation)
2. [ ] Create plugin folder: src/backend/service-plugins/<service-type>/<plugin-name>/
3. [ ] Create plugin.ts with correct imports and provideHandlers() call
4. [ ] Implement all required handler functions with complete business logic
5. [ ] Create extensions.ts with appropriate builder method and unique UUID
6. [ ] Update src/extensions.ts to import and use the new extension
7. [ ] Run npx tsc --noEmit to verify TypeScript compiles
8. [ ] Run npx wix build to verify build succeeds
9. [ ] Test by triggering the relevant site action (e.g., add to cart for fees)

Non-Matching Intents

Do NOT use this skill for:

• Dashboard admin interfaces → Use wix-cli-dashboard-page
• Database/collection schemas → Use wix-cli-cms-collection
• Backend API endpoints → Use wix-cli-backend-api
• Embedded scripts on site → Use wix-cli-embedded-script
• Backend event handlers → Use wix-backend-event

References

You MUST read the relevant reference document before implementing a relevant SPI. Each reference contains the correct imports, handler signatures, response structures, and working examples.

Output Structure

Service plugins consist of two files that work together. Registration of plugins requires an extension builder file.

src/backend/service-plugins/
└── {service-type}/
    └── {plugin-name}/
        ├── plugin.ts           # Handler logic with provideHandlers()
        └── extensions.ts       # Builder configuration (id, name, source)

File Descriptions

Implementation Requirements

Generation Requirements

1. Implement ALL required handler functions with complete business logic
2. Include proper TypeScript types and error handling
3. Focus on implementing the EXACT business logic described in the user prompt

Implementation Patterns

• If capabilities are undocumented/unavailable, explicitly state the gap and proceed only with documented minimal logic
• Implement all required handler functions according to Wix specifications
• Never use placeholders - always implement complete, working functionality

Data Validation

All service plugins must include comprehensive data validation:

• Validate all input data from Wix requests
• Ensure required fields are present and properly formatted
• Handle missing or malformed data gracefully
• Validate business logic constraints (e.g., minimum order amounts, valid addresses)

Implementation Pattern

The handler file (plugin.ts) contains the service plugin logic. It must:

1. Import the relevant service plugin from @wix/ecom/service-plugins
2. Call provideHandlers() with an object containing handler functions
3. Each handler function receives a payload with request and metadata
4. Return the expected response structure for that SPI type

import { shippingRates } from "@wix/ecom/service-plugins";

shippingRates.provideHandlers({
  getShippingRates: async (payload) => {
    const { request, metadata } = payload;

    // Implement custom logic based on request data
    // - request contains cart items, shipping address, etc.
    // - metadata contains currency, locale, etc.

    return {
      shippingRates: [
        {
          code: "custom-shipping",
          title: "Custom Shipping",
          logistics: {
            deliveryTime: "3-5 business days",
          },
          cost: {
            price: "9.99",
            currency: metadata.currency || "USD",
          },
        },
      ],
    };
  },
});

Handler functions are called automatically by Wix when the relevant site action triggers them. Your custom logic should be placed inside each handler function.

Elevating Permissions for API Calls

When making Wix API calls from service plugins, you must elevate permissions using auth.elevate from @wix/essentials.

import { auth } from "@wix/essentials";
import { items } from "@wix/data";

export const myFunction = async () => {
  const elevatedFunction = auth.elevate(items.query);
  const elevatedResponse = await elevatedFunction("myCollection");
  return elevatedResponse;
};

import { auth } from "@wix/essentials";
import { cart } from "@wix/ecom";

export const myFunction = async () => {
  const elevatedFunction = auth.elevate(cart.getCart);
  const elevatedResponse = await elevatedFunction("cart-id");
  return elevatedResponse;
};

import { auth } from "@wix/essentials";
import { products } from "@wix/stores";

export const myFunction = async () => {
  const elevatedFunction = auth.elevate(products.deleteCollection);
  const elevatedResponse = await elevatedFunction("collection-id");
  return elevatedResponse;
};

Best Practices

Development Workflow

• Always implement complete, working functionality - never use placeholders
• Handle all required fields according to Wix documentation
• Implement proper validation for all input data
• Return responses in exact format expected by Wix
• Add comprehensive error handling for all failure scenarios
• Use meaningful variable names and clear code structure
• Test thoroughly with different input combinations

Implementation Guidelines

• Validate all input: Check required fields are present and properly formatted
• Handle errors gracefully: Return appropriate error responses, don't throw unhandled exceptions
• Return exact format: Responses must match Wix documented structure exactly
• Use TypeScript types: Leverage SDK types for better type safety
• Test edge cases: Empty carts, missing addresses, invalid data
• Performance: Keep calculations efficient - these run on every checkout
• Logging: Add console.log for debugging but keep production logs minimal

Extension Registration

Extension registration is MANDATORY and has TWO required steps.

Step 1: Create Plugin-Specific Extension File

Each service plugin requires an extensions.ts file in its folder with the appropriate builder method for the SPI type:

import { extensions } from "@wix/astro/builders";

export const ecomshippingratesMyShipping = extensions.ecomShippingRates({
  id: "{{GENERATE_UUID}}",
  name: "My Shipping Rates",
  description: "Calculates custom shipping rates based on order weight",
  source: "./backend/service-plugins/ecom-shipping-rates/my-shipping/plugin.ts",
});

CRITICAL: UUID Generation

The id must be a unique, static UUID v4 string. Generate a fresh UUID for each extension - do NOT use randomUUID() or copy UUIDs from examples. Replace {{GENERATE_UUID}} with a freshly generated UUID like "a1b2c3d4-e5f6-7890-abcd-ef1234567890".

Builder Configuration Fields

Additional fields may be required or optional depending on the specific service plugin type.

Builder methods by SPI type:

Step 2: Register in Main Extensions File

CRITICAL: After creating the plugin-specific extension file, you MUST read ../../skills/references/EXTENSIONS.md and follow the "App Registration" section to update src/extensions.ts.

Without completing Step 2, the service plugin will not be active in the eCommerce system.

Testing Service Plugins

To test your service plugin extension:

1. Release a version with your changes - new service plugins or changes to existing ones won't take effect until you've built and released your project
2. Trigger the call to your service plugin by performing the relevant action (e.g., add items to cart and view cart to test Additional Fees)

For example, to test an Additional Fees service plugin that adds a $5 packaging fee:

1. Go to your site's store in the local development environment
2. Select any product and add it to the cart, then view the cart
3. Check if the additional fee is listed in the order summary

Verification

After implementation, use wix-cli-app-validation to validate TypeScript compilation, build, preview, and runtime behavior.