t.getRestApi() causes ApiNotConfiguredError exception

[chandora]

I encountered an errnorneous symptom as described below.
Please review it.

Thank you,

Symptom

t.getRestApi() causes ApiNotConfiguredError exception.

Reproduction

$npx @optro/create-trello-powerup

Select Card Back Section.

In CardBackSection.tsx, add a call to t.getRestApi() as follows:

function CardBackSection() {
  const t = useProvidedTrello();
  try {
    t.getRestApi();
    console.log('getRestApi succeed');
  }
  catch (error) {
    console.log('getRestApi caused Error');
    console.log(error);
  }
  …

The ApiNotConfiguredError exception is catched.

Description

This could be resolved by changing router.tsx as follows:

Before:

const t = window.TrelloPowerUp.iframe();

After:

const t = window.TrelloPowerUp.iframe(
  {
    appKey: '[My App Key]',
    appName: '[My App Name]'
  }
);

The generated src/dist/card-back-section.html file has the following tag:

<script src="https://p.trellocdn.com/power-up.min.js?key=[My App Key]"></script>

As long as checking the Trello API documentation, power-up.min.js does not accept the key parameter.

Same error occurrred when getRestApi() was called in capabilities directly.
This seems because src/capabilities does not specifiy appKey in windows.TrelloPowerUp.initialize().

Note

src/types/trello.d.ts seems to have wrong definitions in

• windows.TrelloPowerUp.iframe() - parameter type
• getRestApi() - returns undefined

Details

.env entries are all specified except for OPTRO_API_KEY. Since POWERUP_APP_KEY and POWERUP_NAME are embedded in the generated files correctly, .env seems to be okay.

stack trace

restApi::ApiNotConfiguredError: To use the API hel…io/powerup-addon-c0c790cbce0b99fe28c6.js:2:503316'}message: "To use the API helper, make sure you specify appKey and appName when you call TrelloPowerUp.iframe. See more at [https://developers.trello.com/v1.0/reference#rest-api"name](https://developers.trello.com/v1.0/reference#rest-api):
"restApi::ApiNotConfiguredError"stack: "restApi::ApiNotConfiguredError: To use the API helper, make sure you specify appKey and appName when you call TrelloPowerUp.iframe. See more at [https://developers.trello.com/v1.0/reference#rest-api\n](https://developers.trello.com/v1.0/reference#rest-api\n)
at ri.getRestApi ( [https://p.trellocdn.com/power-up.min.js?key=1a59b0b996756a3f890989f32677032e:1:135877)\n](https://p.trellocdn.com/power-up.min.js?key=1a59b0b996756a3f890989f32677032e:1:135877)\n)
at y ([https://zzzz-power-up.ngrok.io/powerup-src_card-back-section_CardBackSection_tsx-5db36bf6ab3ab96e7908.js:2:10561)\n](https://zzzz-power-up.ngrok.io/powerup-src_card-back-section_CardBackSection_tsx-5db36bf6ab3ab96e7908.js:2:10561)/n)
at bd ([https://zzzz-power-up.ngrok.io/powerup-addon-c0c790cbce0b99fe28c6.js:2:343250)\n](https://zzzz-power-up.ngrok.io/powerup-addon-c0c790cbce0b99fe28c6.js:2:343250)/n)
at Gf ([https://zzzz-power-up.ngrok.io/powerup-addon-c0c790cbce0b99fe28c6.js:2:364943)\n](https://zzzz-power-up.ngrok.io/powerup-addon-c0c790cbce0b99fe28c6.js:2:364943)/n)
at [https://zzzz-power-up.ngrok.io/powerup-addon-c0c790cbce0b99fe28c6.js:2:379647\n](https://zzzz-power-up.ngrok.io/powerup-addon-c0c790cbce0b99fe28c6.js:2:379647/n)
at bp ([https://zzzz-power-up.ngrok.io/powerup-addon-c0c790cbce0b99fe28c6.js:2:380130)\n](https://zzzz-power-up.ngrok.io/powerup-addon-c0c790cbce0b99fe28c6.js:2:380130)/n)
at Nh ([https://zzzz-power-up.ngrok.io/powerup-addon-c0c790cbce0b99fe28c6.js:2:427344)\n](https://zzzz-power-up.ngrok.io/powerup-addon-c0c790cbce0b99fe28c6.js:2:427344)/n)
at hh ([https://zzzz-power-up.ngrok.io/powerup-addon-c0c790cbce0b99fe28c6.js:2:419176)\n](https://zzzz-power-up.ngrok.io/powerup-addon-c0c790cbce0b99fe28c6.js:2:419176)/n)
at ph ([https://zzzz-power-up.ngrok.io/powerup-addon-c0c790cbce0b99fe28c6.js:2:419061)\n](https://zzzz-power-up.ngrok.io/powerup-addon-c0c790cbce0b99fe28c6.js:2:419061)/n)
at fh ([https://zzzz-power-up.ngrok.io/powerup-addon-c0c790cbce0b99fe28c6.js:2:418827)\n](https://zzzz-power-up.ngrok.io/powerup-addon-c0c790cbce0b99fe28c6.js:2:418827)/n)
at Zm ([https://zzzz-power-up.ngrok.io/powerup-addon-c0c790cbce0b99fe28c6.js:2:417126)\n](https://zzzz-power-up.ngrok.io/powerup-addon-c0c790cbce0b99fe28c6.js:2:417126)/n)
at [https://zzzz-power-up.ngrok.io/powerup-addon-c0c790cbce0b99fe28c6.js:2:304707\n](https://zzzz-power-up.ngrok.io/powerup-addon-c0c790cbce0b99fe28c6.js:2:304707/n)
at t.unstable_runWithPriority ([https://zzzz-power-up.ngrok.io/powerup-addon-c0c790cbce0b99fe28c6.js:2:504255)\n](https://zzzz-power-up.ngrok.io/powerup-addon-c0c790cbce0b99fe28c6.js:2:504255)/n)
at $l ([https://zzzz-power-up.ngrok.io/powerup-addon-c0c790cbce0b99fe28c6.js:2:304451)\n](https://zzzz-power-up.ngrok.io/powerup-addon-c0c790cbce0b99fe28c6.js:2:304451)/n)
at Kl ([https://zzzz-power-up.ngrok.io/powerup-addon-c0c790cbce0b99fe28c6.js:2:304652)\n](https://zzzz-power-up.ngrok.io/powerup-addon-c0c790cbce0b99fe28c6.js:2:304652)/n)
at [https://zzzz-power-up.ngrok.io/powerup-addon-c0c790cbce0b99fe28c6.js:2:503316"[[Prototype](https://zzzz-power-up.ngrok.io/powerup-addon-c0c790cbce0b99fe28c6.js:2:503316%22%5b%5bPrototype)]]: t