Cannot build with 2 panels in cep.config.ts about bolt-cep

[adamplouff]

Confirmed: this works.

I misunderstood how panels load different html and js files –and how segmenting this data is good practice for reducing redundancies with unnecessary duplications.

Steps to fix this error

Create a new folder that matches the second panel mainPath: "./server/index.html",

├── src
│   ├── main
│   │   ├── index.html
│   │   ├── main.svelte
│   │   ├── main.ts
│   ├── server
│   │   ├── index.html
│   │   ├── main.ts

Note

Since the server panel is headless it doesn't need the main.svelte file for UI. Even more savings. Just had to include export {} at the end of the main.ts file to load correctly as a module.

Thanks @justintaylor-dev

[justintaylor-dev]

If you have 2 panels with varying code bases, then there "should" be 3 JS files generated, one for each panel and one containing all shared assets.

example:

panel-a.js
panel-b.js
shared.js

However I believe the issue you're facing is caused by using the same index.html for both panels. For multi-panel extensions, try separating them into something like:

• ./main/index.html
• ./server/index.html

and update your cep.config.ts to:

    {
      mainPath: "./settings/index.html",
      name: "server",
      type: "Custom",
      startOnEvents: ["com.adobe.csxs.events.ApplicationInitialized", "applicationActivate"],
      autoVisible: false,
      width: 600,
      height: 650,
    },

more info here

That should resolve the issue, let me know if that works. Thanks!

[justintaylor-dev]

That should resolve it, but if the issue pops up again, feel free to re-open this issue.