[RFC] Side panel API

[xeroxcsn]

How do you envision this feature/change to look/work like?

Thank you for the work! I wanted to create an extension on the new released Chrome side panel, and I am wondering if that can be done with Plasmo.

https://developer.chrome.com/docs/extensions/reference/sidePanel/#overview

What is the purpose of this change/feature? Why?

Basically I want to build an extension for my tabs management, but I will navigate to different tabs often. I want the extension can be kept in the side panel of chrome.

(OPTIONAL) Example implementations

Would it be like the popup layout and we can use it just like creating a sidePanel.tsx, and add manifest override in package.json like this:
permissions: ["sidePanel"]

(OPTIONAL) Contribution

• I would like to contribute to this RFC via a PR

Verify canary release

• I verified that the issue exists in plasmo canary release

Code of Conduct

• I agree to follow this project's Code of Conduct
• I checked the current issues for duplicate problems.

[louisgv]

I think this feature will be like sandbox - simply add a sidepanel.tsx and you're good to go, no need to add permission manually.

[xeroxcsn]

Thanks for the reply!
May I know that is this planned to work on?

[louisgv]

It's open for contribution if you would like to get it done :) @xeroxcsn

[xeroxcsn]

Got it!
I will try to contribute after I understand how it is working :)

[gotjoshua]

@louisgv are you starting the implementation?

Just checking cuz the issue is still called RFC...

[louisgv]

@gotjoshua ah just prioritizing it, what's on your mind?

[louisgv]

LMK if you wanna spearhead it as well or if you're already cooking something for this feat @gotjoshua

[gotjoshua]

basically just looking forward to it! and if you have design decisions to make, i am happy to think along. no extra bandwidth for hacking along at the moment.
cheers...

[ddosakura]

In the current version, you can use the sidePanel through the following way:

{
  "manifest": {
    "permissions": [
      "sidePanel"
    ],
    "side_panel": {
      "default_path": "tabs/sidepanel.html"
    }
  }
}

// tabs/sidepanel.tsx

function IndexSidePanel() {
  // ...
}

export default IndexSidePanel;

[xeroxcsn]

In the current version, you can use the sidePanel through the following way:

thank you! it works!

[duoluodexiaoxiaoyuan]

In the current version, you can use the sidePanel through the following way:

{
  "manifest": {
    "permissions": [
      "sidePanel"
    ],
    "side_panel": {
      "default_path": "tabs/sidepanel.html"
    }
  }
}

// tabs/sidepanel.tsx

function IndexSidePanel() {
  // ...
}

export default IndexSidePanel;

你好，我看了文档说建一个sidepanel.tsx就会跳转，我现在是要实现点击按钮实现跳转

 "side_panel": {
>       "default_path": "tabs/sidepanel.html"
>     }

配置上面的是默认又用html吗

[duoluodexiaoxiaoyuan]

I want to achieve opening the sidebar by clicking a button, but now whenever the icon is clicked, the sidebar opens and the popup.html page does not pop up. How can this issue be resolved?