canva-upgrade-migration

Analyze, plan, and execute Canva SDK upgrades with breaking change detection. Use when upgrading Canva SDK versions, detecting deprecations, or migrating to new API versions. Trigger with phrases like "upgrade canva", "canva migration", "canva breaking changes", "update canva SDK", "analyze canva version".

claude-code
5 Tools
canva-pack Plugin
saas packs Category

Allowed Tools

ReadWriteEditBash(npm:*)Bash(git:*)

Provided by Plugin

canva-pack

Claude Code skill pack for Canva (30 skills)

saas packs v1.0.0
View Plugin

Installation

This skill is included in the canva-pack plugin:

/plugin install canva-pack@claude-code-plugins-plus

Click to copy

Instructions

Canva Upgrade & Migration

Overview

Guide for upgrading Canva SDK versions and handling breaking changes.

Prerequisites

  • Current Canva SDK installed
  • Git for version control
  • Test suite available
  • Staging environment

Instructions

Step 1: Check Current Version


npm list @canva/sdk
npm view @canva/sdk version

Step 2: Review Changelog


open https://github.com/canva/sdk/releases

Step 3: Create Upgrade Branch


git checkout -b upgrade/canva-sdk-vX.Y.Z
npm install @canva/sdk@latest
npm test

Step 4: Handle Breaking Changes

Update import statements, configuration, and method signatures as needed.

Output

  • Updated SDK version
  • Fixed breaking changes
  • Passing test suite
  • Documented rollback procedure

Error Handling

SDK Version API Version Node.js Breaking Changes
3.x 2024-01 18+ Major refactor
2.x 2023-06 16+ Auth changes
1.x 2022-01 14+ Initial release

Examples

Import Changes


// Before (v1.x)
import { Client } from '@canva/sdk';

// After (v2.x)
import { CanvaClient } from '@canva/sdk';

Configuration Changes


// Before (v1.x)
const client = new Client({ key: 'xxx' });

// After (v2.x)
const client = new CanvaClient({
  apiKey: 'xxx',
});

Rollback Procedure


npm install @canva/sdk@1.x.x --save-exact

Deprecation Handling


// Monitor for deprecation warnings in development
if (process.env.NODE_ENV === 'development') {
  process.on('warning', (warning) => {
    if (warning.name === 'DeprecationWarning') {
      console.warn('[Canva]', warning.message);
      // Log to tracking system for proactive updates
    }
  });
}

// Common deprecation patterns to watch for:
// - Renamed methods: client.oldMethod() -> client.newMethod()
// - Changed parameters: { key: 'x' } -> { apiKey: 'x' }
// - Removed features: Check release notes before upgrading

Resources

Next Steps

For CI integration during upgrades, see canva-ci-integration.

Ready to use canva-pack?