@nospt/plugin-dev-ai-hub 1.2.0-rc3 → 1.2.1

package/README.md

@@ -110,13 +110,6 @@ devAiHub:
     # an overlay, so this never reflows the page; it is capped at the viewport
     # width and floored at a sane minimum. Defaults to 615 when unset.
     detailPanelWidth: 615
-    # Optional. Image for the "Recommended" mark — the badge on resource cards,
-    # the browse page's Recommended section heading, and the Admin Panel
-    # curation list. Any browser-loadable source — an absolute URL, an
-    # app-served static path, or a data URI. Defaults to the bundled
-    # medal-and-ribbon mark when unset. The heading's text stays amber to
-    # match that default, so pick an image that sits well beside it.
-    recommendedBadgeIcon: https://example.com/recommended.svg
     # Optional. Default sort applied to the browse page on load, before any
     # explicit user selection: `usage`, `newest`, or `name`. Users can still
     # change it from the page's sort dropdown. Defaults to `usage` when unset.

package/config.schema.json

@@ -13,11 +13,6 @@
               "description": "Width of the resource detail drawer, in pixels. The drawer is an overlay, so this never reflows the page; it is capped at the viewport width and floored at a sane minimum. Defaults to 615 when unset.",
               "visibility": "frontend"
             },
-            "recommendedBadgeIcon": {
-              "type": "string",
-              "description": "Image used for the \"Recommended\" mark — the badge on resource cards, the browse page's Recommended section heading, and the Admin Panel curation list. Any browser-loadable source works — an absolute URL, an app-served static path, or a data URI. Defaults to the bundled medal-and-ribbon mark when unset.",
-              "visibility": "frontend"
-            },
             "defaultSort": {
               "type": "string",
               "description": "Default sort applied to the browse page on load, before any explicit user selection (issue #102): `usage` (installs plus a weighted view count — the \"most popular\" composite), `newest` (when the plugin first saw the resource, ADR-0021), or `name`. Users can still change the sort from the page's sort dropdown; this only controls the initial order. An unrecognised value — including the removed `installs`, `downloads`, `views` and `recommended` modes — is rejected with a logged error and the page falls back to `usage`. Defaults to `usage` when unset.",

package/dist/components/RecommendedBadge/RecommendedBadgeIcon.esm.js

@@ -1,22 +1,16 @@
 import { jsx } from 'react/jsx-runtime';
-import { useApi, configApiRef } from '@backstage/core-plugin-api';
-import defaultRecommendedBadgeUrl from './recommended-badge.svg';
 
 function RecommendedBadgeIcon({
   size = 14,
   className
 }) {
-  const config = useApi(configApiRef);
-  const src = config.getOptionalString("devAiHub.ui.recommendedBadgeIcon") ?? defaultRecommendedBadgeUrl;
   return /* @__PURE__ */ jsx(
-    "img",
+    "span",
     {
-      src,
-      width: size,
-      height: size,
       className,
-      alt: "",
-      "aria-hidden": "true"
+      style: { fontSize: size, lineHeight: 1 },
+      "aria-hidden": "true",
+      children: "\u2B50"
     }
   );
 }

package/dist/components/RecommendedBadge/RecommendedBadgeIcon.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"RecommendedBadgeIcon.esm.js","sources":["../../../src/components/RecommendedBadge/RecommendedBadgeIcon.tsx"],"sourcesContent":["/// <reference types=\"@backstage/cli/asset-types\" />\nimport { configApiRef, useApi } from '@backstage/core-plugin-api';\nimport defaultRecommendedBadgeUrl from './recommended-badge.svg';\n\nexport interface RecommendedBadgeIconProps {\n  size?: number;\n  className?: string;\n}\n\n/**\n * The \"Recommended\" mark (#68, ADR-0017): a medal-and-ribbon graphic.\n *\n * Shipped as an actual image asset (`recommended-badge.svg`) rendered through\n * an `<img>`, rather than an inline `<svg>` drawn in the component. A curator's\n * opinion deserves a mark of its own — something a viewer reads as \"the team\n * put a badge on this\" — rather than reusing a generic star glyph that already\n * means other things elsewhere in the UI (e.g. the popularity 🔥 indicator).\n *\n * The bundled asset is the default, but a deployment can swap the mark for its\n * own via `devAiHub.ui.recommendedBadgeIcon` in `app-config` (any\n * browser-loadable source — absolute URL, static path, or data URI). Backstage's\n * bundler resolves the default `*.svg` import to a URL via\n * `@backstage/cli/asset-types`; the mark stays crisp at any `size`.\n *\n * The default's amber (`#92400e`, the BUI warning foreground) and white centre\n * are baked into the asset because both places it renders — the browse card\n * (amber-on-cream) and the curation list (amber-on-white) — use the same amber,\n * so a single image serves both without a per-context tint.\n */\nexport function RecommendedBadgeIcon({\n  size = 14,\n  className,\n}: RecommendedBadgeIconProps) {\n  const config = useApi(configApiRef);\n  const src =\n    config.getOptionalString('devAiHub.ui.recommendedBadgeIcon') ??\n    defaultRecommendedBadgeUrl;\n\n  return (\n    <img\n      src={src}\n      width={size}\n      height={size}\n      className={className}\n      alt=\"\"\n      aria-hidden=\"true\"\n    />\n  );\n}\n"],"names":[],"mappings":";;;;AA6BO,SAAS,oBAAA,CAAqB;AAAA,EACnC,IAAA,GAAO,EAAA;AAAA,EACP;AACF,CAAA,EAA8B;AAC5B,EAAA,MAAM,MAAA,GAAS,OAAO,YAAY,CAAA;AAClC,EAAA,MAAM,GAAA,GACJ,MAAA,CAAO,iBAAA,CAAkB,kCAAkC,CAAA,IAC3D,0BAAA;AAEF,EAAA,uBACE,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,GAAA;AAAA,MACA,KAAA,EAAO,IAAA;AAAA,MACP,MAAA,EAAQ,IAAA;AAAA,MACR,SAAA;AAAA,MACA,GAAA,EAAI,EAAA;AAAA,MACJ,aAAA,EAAY;AAAA;AAAA,GACd;AAEJ;;;;"}
+{"version":3,"file":"RecommendedBadgeIcon.esm.js","sources":["../../../src/components/RecommendedBadge/RecommendedBadgeIcon.tsx"],"sourcesContent":["export interface RecommendedBadgeIconProps {\n  size?: number;\n  className?: string;\n}\n\n/**\n * The \"Recommended\" mark (#68, ADR-0017): a star emoji.\n *\n * Decorative — the text beside it (\"Recommended\") carries the meaning, so it\n * is hidden from assistive tech. `size` is the font size in pixels.\n */\nexport function RecommendedBadgeIcon({\n  size = 14,\n  className,\n}: RecommendedBadgeIconProps) {\n  return (\n    <span\n      className={className}\n      style={{ fontSize: size, lineHeight: 1 }}\n      aria-hidden=\"true\"\n    >\n      ⭐\n    </span>\n  );\n}\n"],"names":[],"mappings":";;AAWO,SAAS,oBAAA,CAAqB;AAAA,EACnC,IAAA,GAAO,EAAA;AAAA,EACP;AACF,CAAA,EAA8B;AAC5B,EAAA,uBACE,GAAA;AAAA,IAAC,MAAA;AAAA,IAAA;AAAA,MACC,SAAA;AAAA,MACA,KAAA,EAAO,EAAE,QAAA,EAAU,IAAA,EAAM,YAAY,CAAA,EAAE;AAAA,MACvC,aAAA,EAAY,MAAA;AAAA,MACb,QAAA,EAAA;AAAA;AAAA,GAED;AAEJ;;;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nospt/plugin-dev-ai-hub",
-  "version": "1.2.0-rc3",
+  "version": "1.2.1",
   "description": "Frontend plugin for Dev AI Hub",
   "license": "Apache-2.0",
   "main": "./dist/index.esm.js",
@@ -66,7 +66,7 @@
     "@backstage/plugin-catalog-react": "^3.2.2",
     "@backstage/plugin-permission-react": "^0.5.4",
     "@backstage/ui": "^0.18.0",
-    "@nospt/plugin-dev-ai-hub-common": "^1.2.0-rc3",
+    "@nospt/plugin-dev-ai-hub-common": "^1.2.1",
     "@remixicon/react": "^4.9.0",
     "react-markdown": "^9.0.0",
     "react-syntax-highlighter": "^16.1.1",

package/dist/components/RecommendedBadge/recommended-badge.svg

@@ -1,9 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" role="img" aria-label="Recommended">
-  <!-- Ribbon tails, behind the medal -->
-  <path d="M8.6 13.5H11V21L9.8 18.5L8.6 21V13.5Z" fill="#92400E" fill-opacity="0.55" />
-  <path d="M13 13.5H15.4V21L14.2 18.5L13 21V13.5Z" fill="#92400E" fill-opacity="0.55" />
-  <!-- Medal — a 12-point rosette -->
-  <polygon points="12.00,1.80 13.45,3.59 15.60,2.76 15.96,5.04 18.24,5.40 17.41,7.55 19.20,9.00 17.41,10.45 18.24,12.60 15.96,12.96 15.60,15.24 13.45,14.41 12.00,16.20 10.55,14.41 8.40,15.24 8.04,12.96 5.76,12.60 6.59,10.45 4.80,9.00 6.59,7.55 5.76,5.40 8.04,5.04 8.40,2.76 10.55,3.59" fill="#92400E" />
-  <!-- Inner star -->
-  <polygon points="12.00,5.60 12.82,7.87 15.23,7.95 13.33,9.43 14.00,11.75 12.00,10.40 10.00,11.75 10.67,9.43 8.77,7.95 11.18,7.87" fill="#FFFFFF" />
-</svg>