Is it possible to get a monorepo of Twilio Flex plugins to work?

[leo-petrucci]

We're planning a fairly major rework of our Twilio interface and we'd like to make it as easy as possible to develop plugins.

Up until now we've had a project per plugin, but this causes a huge amount of duplicate code and wasted time:

1. Configs aren't shared
2. Commonly reused code has to be copied
3. Every plugin has to be upgraded separately

I was hoping to be able to solve this by using a monorepo approach but I haven't been able to get anywhere.

I've tried with both pnpm and Yarn, but both error out. I've attached reproductions for both cases. Please let me know if there's a way to fix this, it would make my life 100x easier!

PNPM

Reproduction

I tried with pnpm first as it has the strongest monorepo DX out of the big three. Everything seems fine in VScode until it's time to start the plugin.

Install:

pnpm i

Then run command:

twilio flex:plugins:start --name team-filters -l debug

Returns:

[DEBUG] Using Plugins CLI version 7.0.1
[DEBUG] Using Flex Plugins Config File: /Users/leonardo/.twilio-cli/flex/plugins.json
[DEBUG] Found command "flex:plugins:start" plugin: @twilio-labs/plugin-flex
 » twilio-cli encountered an unexpected error. To report this issue, execute the command with the "-l debug" flag, then copy the output to a new issue here: "https://github.com/twilio/flex-plugin-builder/issues"
[DEBUG] Cannot read properties of undefined (reading '@twilio/flex-ui')
[DEBUG] TypeError: Cannot read properties of undefined (reading '@twilio/flex-ui')
    at Object.isPluginFolder (/Users/leonardo/.twilio-cli/node_modules/@twilio/flex-dev-utils/dist/fs.js:782:83)
    at new Telemetry (/Users/leonardo/.twilio-cli/node_modules/@twilio/flex-dev-utils/dist/telemetry/lib/telemetry.js:73:16)
    at FlexPluginsStart.run (/Users/leonardo/.twilio-cli/node_modules/@twilio-labs/plugin-flex/dist/sub-commands/flex-plugin.js:312:27)
    at process.processTicksAndRejections (node:internal/process/task_queues:95:5)
    at async FlexPluginsStart._run (/Users/leonardo/.twilio-cli/node_modules/@oclif/core/lib/command.js:80:22)
    at async Config.runCommand (/usr/local/Cellar/twilio/5.21.1/libexec/node_modules/@oclif/core/lib/config/config.js:301:25)

Yarn

Reproduction

With yarn it's quite similar. Except VSCode will complain about dependencies not found.

Install with yarn

yarn

Open plugins/team-filters/src/SamplePlugin.tsx, dependencies will show as not found.

Then run command:

twilio flex:plugins:start --name team-filters -l debug

Returns:

[DEBUG] Using Plugins CLI version 7.0.1
[DEBUG] Using Flex Plugins Config File: /Users/leonardo/.twilio-cli/flex/plugins.json
[DEBUG] Found command "flex:plugins:start" plugin: @twilio-labs/plugin-flex
 » twilio-cli encountered an unexpected error. To report this issue, execute the command with the "-l debug" flag, then copy the output to a new issue here: "https://github.com/twilio/flex-plugin-builder/issues"
[DEBUG] Cannot read properties of undefined (reading '@twilio/flex-ui')
[DEBUG] TypeError: Cannot read properties of undefined (reading '@twilio/flex-ui')
    at Object.isPluginFolder (/Users/leonardo/.twilio-cli/node_modules/@twilio/flex-dev-utils/dist/fs.js:782:83)
    at new Telemetry (/Users/leonardo/.twilio-cli/node_modules/@twilio/flex-dev-utils/dist/telemetry/lib/telemetry.js:73:16)
    at FlexPluginsStart.run (/Users/leonardo/.twilio-cli/node_modules/@twilio-labs/plugin-flex/dist/sub-commands/flex-plugin.js:312:27)
    at process.processTicksAndRejections (node:internal/process/task_queues:95:5)
    at async FlexPluginsStart._run (/Users/leonardo/.twilio-cli/node_modules/@oclif/core/lib/command.js:80:22)
    at async Config.runCommand (/usr/local/Cellar/twilio/5.21.1/libexec/node_modules/@oclif/core/lib/config/config.js:301:25)