🐛 Bug Report: Playlists fail to load after installing playlist plugin

📜 Description

I am trying to install playlist plugin for backstage, installation get successfull but when I am trying to click on playlist icon on the backstage then getting below error:

When I checked the backstage logs , found below error:

[1] 2022-11-03T04:24:57.914Z backstage info 192.168.63.1 - - [03/Nov/2022:04:24:57 +0000] "GET /api/playlist/ HTTP/1.1" 500 207 "http://192.168.63.249:3000/" "Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/107.0.0.0 Safari/537.36" type=incomingRequest
[1] 2022-11-03T04:24:58.147Z backstage error Cannot read properties of undefined (reading 'getIdentity') type=errorHandler stack=TypeError: Cannot read properties of undefined (reading 'getIdentity')
[1]     at evaluateRequestPermission (/home/backstage/backstage-conf-repo_my/node_modules/@backstage/plugin-playlist-backend/dist/index.cjs.js:289:33)
[1]     at /home/backstage/backstage-conf-repo_my/node_modules/@backstage/plugin-playlist-backend/dist/index.cjs.js:314:38
[1]     at handleReturn (/home/backstage/backstage-conf-repo_my/node_modules/express-promise-router/lib/express-promise-router.js:24:23)
[1]     at /home/backstage/backstage-conf-repo_my/node_modules/express-promise-router/lib/express-promise-router.js:64:7
[1]     at handleReturn (/home/backstage/backstage-conf-repo_my/node_modules/express-promise-router/lib/express-promise-router.js:24:23)
[1]     at /home/backstage/backstage-conf-repo_my/node_modules/express-promise-router/lib/express-promise-router.js:64:7
[1]     at Layer.handle [as handle_request] (/home/backstage/backstage-conf-repo_my/node_modules/express/lib/router/layer.js:95:5)
[1]     at next (/home/backstage/backstage-conf-repo_my/node_modules/express/lib/router/route.js:144:13)
[1]     at Route.dispatch (/home/backstage/backstage-conf-repo_my/node_modules/express/lib/router/route.js:114:3)
[1]     at Layer.handle [as handle_request] (/home/backstage/backstage-conf-repo_my/node_modules/express/lib/router/layer.js:95:5)
[1]     at /home/backstage/backstage-conf-repo_my/node_modules/express/lib/router/index.js:284:15
[1]     at Function.process_params (/home/backstage/backstage-conf-repo_my/node_modules/express/lib/router/index.js:346:12)
[1]     at Immediate.next (/home/backstage/backstage-conf-repo_my/node_modules/express/lib/router/index.js:280:10)
[1]     at Immediate.<anonymous> (/home/backstage/backstage-conf-repo_my/node_modules/express/lib/router/index.js:646:15)
[1]     at processImmediate (node:internal/timers:468:21)
[1] 2022-11-03T04:24:58.149Z backstage info 192.168.63.1 - - [03/Nov/2022:04:24:58 +0000] "GET /api/playlist/ HTTP/1.1" 500 207 "http://192.168.63.249:3000/" "Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/107.0.0.0 Safari/537.36" type=incomingRequest

👍 Expected behavior

Plugin should work as mentioned in Plugin Readme.md

👎 Actual Behavior with Screenshots

It should not provide any error and provide the list of playlist if it is there

👟 Reproduction steps

To Install the plugin on your Backstage, follow the below links

• First Need to install playlist-backend plugin Playlist Backend

---

• Then install Playlist Frontend Playlist Frontend

📃 Provide the context for the Bug.

I am trying to install Playlist Plugin

🖥️ Your Environment

Output of yarn backstage-cli info

yarn run v1.22.19
$ /home/backstage/backstage-conf-repo_my/node_modules/.bin/backstage-cli info
OS:   Linux 3.10.0-1160.71.1.el7.x86_64 - linux/x64
node: v16.14.0
yarn: 1.22.19
cli:  0.20.0 (installed)
backstage:  1.3.0

Dependencies:
  @backstage/app-defaults                          1.0.3
  @backstage/backend-app-api                       0.2.2
  @backstage/backend-common                        0.0.0-nightly-20220923030237, 0.14.1, 0.15.2
  @backstage/backend-plugin-api                    0.1.3
  @backstage/backend-tasks                         0.3.6
  @backstage/backend-test-utils                    0.1.29
  @backstage/catalog-client                        0.0.0-nightly-20220923030237, 0.5.5, 1.1.1
  @backstage/catalog-model                         0.0.0-nightly-20220923030237, 0.9.10, 1.1.2
  @backstage/cli-common                            0.1.10
  @backstage/cli                                   0.17.2, 0.20.0
  @backstage/config-loader                         0.0.0-nightly-20220923030237, 1.1.5
  @backstage/config                                0.0.0-nightly-20220923030237, 0.1.15, 1.0.3
  @backstage/core-app-api                          1.0.3
  @backstage/core-components                       0.0.0-nightly-2022122206, 0.10.0, 0.11.2, 0.9.5
  @backstage/core-plugin-api                       0.0.0-nightly-20220923030237, 0.6.1, 1.0.7
  @backstage/errors                                1.1.0, 0.0.0-nightly-20220923030237, 0.2.2, 1.1.2
  @backstage/integration-react                     1.1.2
  @backstage/integration                           0.0.0-nightly-20220923030237, 0.7.5, 1.3.2
  @backstage/plugin-api-docs                       0.8.6
  @backstage/plugin-app-backend                    0.3.33
  @backstage/plugin-auth-backend                   0.14.1
  @backstage/plugin-auth-node                      0.2.6
  @backstage/plugin-catalog-backend-module-github  0.1.5
  @backstage/plugin-catalog-backend                1.3.0
  @backstage/plugin-catalog-common                 1.0.7
  @backstage/plugin-catalog-graph                  0.2.18
  @backstage/plugin-catalog-import                 0.8.9
  @backstage/plugin-catalog-node                   1.0.0
  @backstage/plugin-catalog-react                  0.0.0-nightly-2022122206, 1.2.0
  @backstage/plugin-catalog                        1.3.0
  @backstage/plugin-github-actions                 0.5.6
  @backstage/plugin-home                           0.4.23
  @backstage/plugin-org                            0.5.6
  @backstage/plugin-permission-common              0.4.0, 0.5.3, 0.6.4, 0.7.0
  @backstage/plugin-permission-node                0.6.3, 0.7.0
  @backstage/plugin-permission-react               0.3.4, 0.4.6
  @backstage/plugin-playlist-backend               0.2.0
  @backstage/plugin-playlist-common                0.1.1
  @backstage/plugin-playlist                       0.1.1
  @backstage/plugin-proxy-backend                  0.2.27
  @backstage/plugin-scaffolder-backend             1.3.0
  @backstage/plugin-scaffolder-common              1.1.2
  @backstage/plugin-scaffolder                     1.3.0
  @backstage/plugin-search-backend-module-pg       0.3.4
  @backstage/plugin-search-backend-node            0.6.2
  @backstage/plugin-search-backend                 0.5.3
  @backstage/plugin-search-common                  0.3.5, 1.1.0
  @backstage/plugin-search-react                   0.2.1, 1.2.0
  @backstage/plugin-search                         0.9.0
  @backstage/plugin-shortcuts                      0.3.2
  @backstage/plugin-stack-overflow                 0.1.3
  @backstage/plugin-tech-radar                     0.5.13
  @backstage/plugin-techdocs-backend               1.1.2
  @backstage/plugin-techdocs-module-addons-contrib 1.0.1
  @backstage/plugin-techdocs-node                  1.1.2
  @backstage/plugin-techdocs-react                 1.0.1
  @backstage/plugin-techdocs                       1.2.0
  @backstage/plugin-todo-backend                   0.0.0-nightly-20220923030237, 0.1.33
  @backstage/plugin-todo                           0.0.0-nightly-20220923030237
  @backstage/plugin-user-settings                  0.4.5
  @backstage/release-manifests                     0.0.4, 0.0.6
  @backstage/test-utils                            1.1.1
  @backstage/theme                                 0.2.16
  @backstage/types                                 0.1.3, 1.0.0
  @backstage/version-bridge                        0.1.2, 1.0.1
Done in 0.96s.

👀 Have you spent some time to check if this bug has been raised before?

• I checked and didn’t find similar issue

🏢 Have you read the Code of Conduct?

• I have read the Code of Conduct

Are you willing to submit PR?

No response

[prasoon-pxc]

@regicsolutions --> You can look through this link to enable Authentication provider , by this you will get id token on sign-in and hopefully your playlist plugin will work then. Authentication-Providers

[prasoon-pxc]

@kuangp --> I checked the my index.ts and types.ts and did not find it updated with default template , After updating below files, issue got resolved.

---

• Need to add below line in index.ts

import { DefaultIdentityClient } from '@backstage/plugin-auth-node';

function makeCreateEnv(config: Config) {
 const identity = DefaultIdentityClient.create({
   discovery,
 });
...
return (plugin: string): PluginEnvironment => {

  return {
    ...
     identity,

• And in packages/backend/src/types.ts

import { IdentityApi } from '@backstage/plugin-auth-node';

export type PluginEnvironment = {
 ...
  identity: IdentityApi;
};

---

Thanks for your time