Info Panel is not visible on the dashboard

chadpav commented 2 days ago

New Issue Checklist

[x] I am not disclosing a vulnerability.
[x] I am not just asking a question.
[x] I have searched through existing issues.
[x] I can reproduce the issue with the latest versions of Parse Server and Parse Dashboard.

Issue Description

I want to expirement with the new Info Panel feature in the Dashboard. I've configured the feature accorinding to the README but I never see the 'Show/Hid Info Panel' button in the upper-right corner of the Data Browser.

Steps to reproduce

Configure an example Parse Dashboard as express middleware as documented here
Provide the infoPanel json structure
Provide a generic implementation of a cloud function for the info panel to call.
Open the Dashboard and navigate to the data class.

apps: [
{
infoPanel: [
        {
          title: 'User Details',
          classes: ['_User'],
          cloudCodeFunction: 'fetchUserDetailsPanel',
        },
      ],
...
}
]

Parse.Cloud.define(
  'fetchUserDetailsPanel',
  async (request: Parse.Cloud.FunctionRequest) => {
    configureSentryScope(request);
    const user = request.params.object as User;
    logger.info('Fetching details panel for user ' + user.id);

    const userDetailsPanel = {
      panel: {
        segments: [
          {
            title: 'Segment 1',
            description: 'Segment 1 description',
            items: [
              {
                title: 'Item 1',
                description: 'Item 1 description',
              },
            ],
          },
          {
            title: 'Segment 2',
            description: 'Segment 2 description',
            items: [
              {
                title: 'Item 2',
                description: 'Item 2 description',
              },
            ],
          },
        ],
      },
    };

    return userDetailsPanel;
  }
);

Actual Outcome

The cloud function is never called (so the response doesn't matter)
The 'Show/Hide Panel' button is never displayed.

Expected Outcome

I should see a 'Show/Hide' button and the info panel

Environment

node 20.12.3
"parse-dashboard": "~6.0.0",
"parse-server": "~7.3.0",

Dashboard

Parse Dashboard version: 6.0.0
Browser (Safari, Chrome, Firefox, Edge, etc.): Brave or Safari
Browser version: Brave 1.70

Server

Parse Server version: 7.3.0
Operating system: Mac OS
Local or remote host (AWS, Azure, Google Cloud, Heroku, Digital Ocean, etc): local

Database

System (MongoDB or Postgres): Mongo DB
Database version: 7.0
Local or remote host (MongoDB Atlas, mLab, AWS, Azure, Google Cloud, etc): MongoDB Atlas

Logs

nothing is printed to the logs

parse-github-assistant[bot] commented 2 days ago

Thanks for opening this issue!

🚀 You can help us to fix this issue faster by opening a pull request with a failing test. See our Contribution Guide for how to make a pull request, or read our New Contributor's Guide if this is your first time contributing.

chadpav commented 2 days ago

Moving conversation thread from the Pull Request to this issue for support: https://github.com/parse-community/parse-dashboard/pull/2584#issuecomment-2412524243

It looks like maybe this is because I run the dashboard as express middleware?

parse-community / parse-dashboard

Info Panel is not visible on the dashboard #2611