feat: Backstage plugin supports static token (raycast#20383)

* feat: Backstage plugin supports static token

This addresses issue raycast#20382 and gives users of the Backstage Raycast
plugin the ability to authenticate to Backstage via a static token.

Signed-off-by: Mike Ball <mikedball@gmail.com>

* Update CHANGELOG.md and optimise images

---------

Signed-off-by: Mike Ball <mikedball@gmail.com>
Co-authored-by: raycastbot <bot@raycast.com>

Author: mdb

extensions/backstage/CHANGELOG.md

@@ -1,5 +1,10 @@
 # Backstage Changelog
 
+## [Support static token] - 2025-07-18
+
+- address [issue 20382](https://github.com/raycast/extensions/issues/20382) and
+  support Backstage static token authentication
+
 ## [Initial Release] - 2024-08-08
 
 - the initial release of Backstage extension, including Google Cloud IAP support.

extensions/backstage/package.json

@@ -26,6 +26,13 @@
       "description": "Backstage URL",
       "required": true
     },
+    {
+      "type": "password",
+      "name": "backstageStaticToken",
+      "title": "Static Backstage API token",
+      "description": "Static Backstage API token (for use in place of OAuth authentication)",
+      "required": false
+    },
     {
       "type": "textfield",
       "name": "iapOAuthClientId",

extensions/backstage/src/search-components.tsx

@@ -18,6 +18,7 @@ type Preferences = {
   iapOAuthClientId: string;
   raycastOAuthClientId: string;
   backstageUrl: string;
+  backstageStaticToken: string;
 };
 
 const preferences: Preferences = getPreferenceValues();
@@ -72,7 +73,11 @@ function SearchLinks({ svc }: { svc: Service }) {
   );
 }
 
-async function getIdTokenIfNeeded() {
+async function getAuthTokenIfNeeded() {
+  if (preferences.backstageStaticToken) {
+    return preferences.backstageStaticToken;
+  }
+
   if (preferences.raycastOAuthClientId && preferences.iapOAuthClientId) {
     await authorize(["openid", "email"], preferences.raycastOAuthClientId, preferences.iapOAuthClientId);
     const tokens = await client.getTokens();
@@ -83,7 +88,7 @@ async function getIdTokenIfNeeded() {
 }
 
 async function fetchBackstage() {
-  const idToken = await getIdTokenIfNeeded();
+  const idToken = await getAuthTokenIfNeeded();
 
   const res = await fetch(`${preferences.backstageUrl}/api/catalog/entities?filter=kind=component`, {
     headers: idToken