canva-advanced-troubleshooting

name	canva-advanced-troubleshooting
description	Apply Canva Connect API advanced debugging for hard-to-diagnose issues. Use when standard troubleshooting fails, investigating intermittent failures, or preparing evidence bundles for Canva developer support. Trigger with phrases like "canva hard bug", "canva mystery error", "canva impossible to debug", "difficult canva issue", "canva deep debug".
allowed-tools	Read, Grep, Bash(kubectl:*), Bash(curl:*), Bash(tcpdump:*)
version	1.0.0
license	MIT
author	Jeremy Longshore <[e-mail]>
tags	["saas","design","canva"]
compatible-with	claude-code

Canva Advanced Troubleshooting

Overview

Deep debugging for complex Canva Connect API issues — intermittent 5xx errors, stuck export jobs, OAuth token rotation failures, rate limit edge cases, and webhook delivery gaps.

Systematic Layer Testing

interface LayerTest {
  layer: string;
  test: () => Promise<{ pass: boolean; details: string; durationMs: number }>;
}

async function diagnoseCanvaIssue(token: string): Promise<void> {
  const layers: LayerTest[] = [
    {
      layer: 'DNS',
      test: async () => {
        const start = Date.now();
        try {
          const { address } = await import('dns/promises').then(dns => dns.lookup('api.canva.com'));
          return { pass: true, details: `Resolved to ${address}`, durationMs: Date.() - start };
        }  (: ) {
           { : , : e., : .() - start };
        }
      },
    },
    {
      : ,
      :  () => {
         start = .();
         {
           res =  (, {
            : ,
            : .(),
          });
           { : , : , : .() - start };
        }  (: ) {
           { : , : e., : .() - start };
        }
      },
    },
    {
      : ,
      :  () => {
         start = .();
         res =  (, {
          : { :  },
        });
         {
          : res. === ,
          : ,
          : .() - start,
        };
      },
    },
    {
      : ,
      :  () => {
         start = .();
         res =  (, {
          : { :  },
        });
         {
          : res. === ,
          : res. ===  ?  : ,
          : .() - start,
        };
      },
    },
    {
      : ,
      :  () => {
         start = .();
         res =  (, {
          : ,
          : { : , :  },
          : .({ : { : , : , :  }, :  }),
        });
         {
          : res. === ,
          : res. ===  ?  : ,
          : .() - start,
        };
      },
    },
  ];

  .();
   ( { layer, test }  layers) {
     result =  ();
     icon = result. ?  : ;
    .();
     (!result.) {
      .();
      ;
    }
  }
}