@karimov-labs/backstage-plugin-devxp 1.0.0

package/README.md

@@ -0,0 +1,141 @@
+# @karimov-labs/backstage-plugin-devxp
+
+A Backstage frontend plugin that provides a **Developer Intelligence** dashboard for managing masked developer identities. It lets platform teams upload a list of real developer names, store SHA-256–based pseudonyms, and look up or verify masked identities — all without exposing real names to third-party analytics tools.
+
+This plugin is the UI counterpart to [`@karimov-labs/backstage-plugin-devxp-backend`](https://www.npmjs.com/package/@karimov-labs/backstage-plugin-devxp-backend), which must be installed alongside it.
+
+---
+
+## Features
+
+- **Dashboard tab** — shows configuration health (salt, API token, endpoint, project ID) and total mapping count, plus an inline unmask tester
+- **Settings tab** — upload a plain-text CSV of real developer names to generate and store masked hashes; browse and delete individual mappings
+- Hashing algorithm matches the [dev-xp-analyzer](https://github.com/karimov-labs/dev-xp-analyzer) tool: `SHA-256(salt + realName)`, first 16 hex chars
+
+---
+
+## Requirements
+
+| Dependency | Version |
+|---|---|
+| Backstage | >= 1.30 |
+| `@karimov-labs/backstage-plugin-devxp-backend` | `^1.0.0` |
+| React | `^18` |
+
+---
+
+## Installation
+
+### 1. Install the packages
+
+```bash
+# yarn (Backstage default)
+yarn workspace app add @karimov-labs/backstage-plugin-devxp
+yarn workspace backend add @karimov-labs/backstage-plugin-devxp-backend
+
+# npm
+npm install @karimov-labs/backstage-plugin-devxp
+npm install @karimov-labs/backstage-plugin-devxp-backend
+```
+
+---
+
+### 2. Add the frontend plugin to your app
+
+Edit `packages/app/src/App.tsx`:
+
+```tsx
+import devxpPlugin from '@karimov-labs/backstage-plugin-devxp';
+
+export default createApp({
+  features: [
+    // ... other plugins
+    devxpPlugin,
+  ],
+});
+```
+
+---
+
+### 3. Add a sidebar navigation item
+
+In your sidebar component (e.g. `packages/app/src/modules/nav/Sidebar.tsx`), add:
+
+```tsx
+import AssessmentIcon from '@material-ui/icons/Assessment';
+
+// inside your sidebar menu group:
+<SidebarItem icon={AssessmentIcon} to="/devxp" text="Dev Intelligence" />
+```
+
+---
+
+### 4. Register the backend plugin
+
+Edit `packages/backend/src/index.ts`:
+
+```ts
+backend.add(import('@karimov-labs/backstage-plugin-devxp-backend'));
+```
+
+---
+
+### 5. Configure app-config.yaml
+
+```yaml
+devxp:
+  # Salt used for SHA-256 hashing — must match the salt used in dev-xp-analyzer
+  salt: ${DEVXP_SALT}
+
+  # Whether developer names are masked in the analytics tool
+  masked: true
+
+  # dev-xp-analyzer API credentials (optional — only needed if calling the analyzer API)
+  apiToken: ${DEVXP_API_TOKEN}
+  apiEndpoint: ${DEVXP_API_ENDPOINT}
+  projectId: ${DEVXP_PROJECT_ID}
+```
+
+Set the corresponding environment variables before starting Backstage:
+
+```bash
+export DEVXP_SALT="your-secret-salt"
+export DEVXP_API_TOKEN="your-api-token"       # optional
+export DEVXP_API_ENDPOINT="https://..."        # optional
+export DEVXP_PROJECT_ID="your-project-id"     # optional
+```
+
+> **Security note:** The salt and API token are consumed exclusively by the backend and are never sent to the browser.
+
+---
+
+## Usage
+
+Navigate to `/devxp` in your Backstage instance.
+
+### Dashboard tab
+
+| Section | Description |
+|---|---|
+| Configuration Status | Green/red indicators for salt, API token, endpoint, and project ID |
+| Developer Mappings | Count of stored masked ↔ real name pairs |
+| Unmask Tester | Enter a 16-character hex masked name and press Enter to look up the real name |
+
+### Settings tab
+
+| Section | Description |
+|---|---|
+| CSV Upload | Upload a plain-text file with one real developer name per line; the plugin hashes each and stores the mapping |
+| Mappings Table | Lists all stored pairs (masked hash → real name) with per-row delete buttons |
+
+---
+
+## API
+
+The frontend communicates with the backend via the Backstage discovery API at `/api/devxp/`. See the [`@karimov-labs/backstage-plugin-devxp-backend` README](https://www.npmjs.com/package/@karimov-labs/backstage-plugin-devxp-backend) for full endpoint documentation.
+
+---
+
+## License
+
+Apache-2.0

package/dist/api.esm.js

@@ -0,0 +1,72 @@
+import { createApiRef } from '@backstage/core-plugin-api';
+
+createApiRef({
+  id: "plugin.devxp.api"
+});
+class DevxpClient {
+  fetchApi;
+  discoveryApi;
+  constructor(options) {
+    this.fetchApi = options.fetchApi;
+    this.discoveryApi = options.discoveryApi;
+  }
+  async baseUrl() {
+    return this.discoveryApi.getBaseUrl("devxp");
+  }
+  async getConfig() {
+    const url = `${await this.baseUrl()}/config`;
+    const response = await this.fetchApi.fetch(url);
+    if (!response.ok) throw new Error(`Failed to fetch config: ${response.statusText}`);
+    return response.json();
+  }
+  async getMappings() {
+    const url = `${await this.baseUrl()}/mappings`;
+    const response = await this.fetchApi.fetch(url);
+    if (!response.ok) throw new Error(`Failed to fetch mappings: ${response.statusText}`);
+    return response.json();
+  }
+  async uploadCsv(csvContent) {
+    const url = `${await this.baseUrl()}/mappings/upload`;
+    const response = await this.fetchApi.fetch(url, {
+      method: "POST",
+      headers: { "Content-Type": "application/json" },
+      body: JSON.stringify({ csvContent })
+    });
+    const data = await response.json();
+    if (!response.ok) return { message: data.error || "Upload failed", count: 0, error: data.error };
+    return data;
+  }
+  async unmask(maskedName) {
+    const url = `${await this.baseUrl()}/unmask`;
+    const response = await this.fetchApi.fetch(url, {
+      method: "POST",
+      headers: { "Content-Type": "application/json" },
+      body: JSON.stringify({ maskedName })
+    });
+    if (!response.ok) throw new Error(`Failed to unmask: ${response.statusText}`);
+    return response.json();
+  }
+  async hash(realName) {
+    const url = `${await this.baseUrl()}/hash`;
+    const response = await this.fetchApi.fetch(url, {
+      method: "POST",
+      headers: { "Content-Type": "application/json" },
+      body: JSON.stringify({ realName })
+    });
+    if (!response.ok) throw new Error(`Failed to hash: ${response.statusText}`);
+    return response.json();
+  }
+  async deleteMapping(maskedName) {
+    const url = `${await this.baseUrl()}/mappings/delete`;
+    const response = await this.fetchApi.fetch(url, {
+      method: "POST",
+      headers: { "Content-Type": "application/json" },
+      body: JSON.stringify({ maskedName })
+    });
+    if (!response.ok) throw new Error(`Failed to delete mapping: ${response.statusText}`);
+    return response.json();
+  }
+}
+
+export { DevxpClient };
+//# sourceMappingURL=api.esm.js.map

package/dist/api.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"api.esm.js","sources":["../src/api.ts"],"sourcesContent":["import { createApiRef } from '@backstage/core-plugin-api';\nimport type {\n  DevxpConfig,\n  DeveloperMapping,\n  UnmaskResult,\n  HashResult,\n  UploadResult,\n} from './types';\n\nexport interface DevxpApi {\n  getConfig(): Promise<DevxpConfig>;\n  getMappings(): Promise<{ mappings: DeveloperMapping[] }>;\n  uploadCsv(csvContent: string): Promise<UploadResult>;\n  unmask(maskedName: string): Promise<UnmaskResult>;\n  hash(realName: string): Promise<HashResult>;\n  deleteMapping(maskedName: string): Promise<{ message: string }>;\n}\n\nexport const devxpApiRef = createApiRef<DevxpApi>({\n  id: 'plugin.devxp.api',\n});\n\nexport class DevxpClient implements DevxpApi {\n  private readonly fetchApi: { fetch: typeof fetch };\n  private readonly discoveryApi: { getBaseUrl: (pluginId: string) => Promise<string> };\n\n  constructor(options: {\n    fetchApi: { fetch: typeof fetch };\n    discoveryApi: { getBaseUrl: (pluginId: string) => Promise<string> };\n  }) {\n    this.fetchApi = options.fetchApi;\n    this.discoveryApi = options.discoveryApi;\n  }\n\n  private async baseUrl(): Promise<string> {\n    return this.discoveryApi.getBaseUrl('devxp');\n  }\n\n  async getConfig(): Promise<DevxpConfig> {\n    const url = `${await this.baseUrl()}/config`;\n    const response = await this.fetchApi.fetch(url);\n    if (!response.ok) throw new Error(`Failed to fetch config: ${response.statusText}`);\n    return response.json();\n  }\n\n  async getMappings(): Promise<{ mappings: DeveloperMapping[] }> {\n    const url = `${await this.baseUrl()}/mappings`;\n    const response = await this.fetchApi.fetch(url);\n    if (!response.ok) throw new Error(`Failed to fetch mappings: ${response.statusText}`);\n    return response.json();\n  }\n\n  async uploadCsv(csvContent: string): Promise<UploadResult> {\n    const url = `${await this.baseUrl()}/mappings/upload`;\n    const response = await this.fetchApi.fetch(url, {\n      method: 'POST',\n      headers: { 'Content-Type': 'application/json' },\n      body: JSON.stringify({ csvContent }),\n    });\n    const data = await response.json();\n    if (!response.ok) return { message: data.error || 'Upload failed', count: 0, error: data.error };\n    return data;\n  }\n\n  async unmask(maskedName: string): Promise<UnmaskResult> {\n    const url = `${await this.baseUrl()}/unmask`;\n    const response = await this.fetchApi.fetch(url, {\n      method: 'POST',\n      headers: { 'Content-Type': 'application/json' },\n      body: JSON.stringify({ maskedName }),\n    });\n    if (!response.ok) throw new Error(`Failed to unmask: ${response.statusText}`);\n    return response.json();\n  }\n\n  async hash(realName: string): Promise<HashResult> {\n    const url = `${await this.baseUrl()}/hash`;\n    const response = await this.fetchApi.fetch(url, {\n      method: 'POST',\n      headers: { 'Content-Type': 'application/json' },\n      body: JSON.stringify({ realName }),\n    });\n    if (!response.ok) throw new Error(`Failed to hash: ${response.statusText}`);\n    return response.json();\n  }\n\n  async deleteMapping(maskedName: string): Promise<{ message: string }> {\n    const url = `${await this.baseUrl()}/mappings/delete`;\n    const response = await this.fetchApi.fetch(url, {\n      method: 'POST',\n      headers: { 'Content-Type': 'application/json' },\n      body: JSON.stringify({ maskedName }),\n    });\n    if (!response.ok) throw new Error(`Failed to delete mapping: ${response.statusText}`);\n    return response.json();\n  }\n}\n"],"names":[],"mappings":"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"}

package/dist/components/DashboardContent.esm.js

@@ -0,0 +1,158 @@
+import React, { useState, useCallback, useEffect } from 'react';
+import { Typography, Grid, Box, TextField, Button, Chip } from '@material-ui/core';
+import { makeStyles } from '@material-ui/core/styles';
+import CheckCircleIcon from '@material-ui/icons/CheckCircle';
+import ErrorIcon from '@material-ui/icons/Error';
+import { InfoCard } from '@backstage/core-components';
+
+const useStyles = makeStyles((theme) => ({
+  configGrid: {
+    marginBottom: theme.spacing(3)
+  },
+  statusChip: {
+    marginLeft: theme.spacing(1)
+  },
+  unmaskResult: {
+    marginTop: theme.spacing(2),
+    padding: theme.spacing(2),
+    backgroundColor: theme.palette.background.default,
+    borderRadius: theme.shape.borderRadius
+  },
+  resultLabel: {
+    color: theme.palette.text.secondary,
+    marginBottom: theme.spacing(0.5)
+  },
+  resultValue: {
+    fontFamily: "monospace",
+    fontSize: "1.1em"
+  }
+}));
+const DashboardContent = ({ api }) => {
+  const classes = useStyles();
+  const [config, setConfig] = useState(null);
+  const [loading, setLoading] = useState(true);
+  const [maskedInput, setMaskedInput] = useState("");
+  const [unmaskResult, setUnmaskResult] = useState(null);
+  const [unmaskError, setUnmaskError] = useState("");
+  const loadConfig = useCallback(async () => {
+    try {
+      setLoading(true);
+      const cfg = await api.getConfig();
+      setConfig(cfg);
+    } catch (e) {
+    } finally {
+      setLoading(false);
+    }
+  }, [api]);
+  useEffect(() => {
+    loadConfig();
+  }, [loadConfig]);
+  const handleUnmask = async () => {
+    if (!maskedInput.trim()) return;
+    setUnmaskError("");
+    setUnmaskResult(null);
+    try {
+      const result = await api.unmask(maskedInput.trim());
+      setUnmaskResult(result);
+    } catch (e) {
+      setUnmaskError(e.message || "Failed to unmask");
+    }
+  };
+  const handleKeyDown = (e) => {
+    if (e.key === "Enter") handleUnmask();
+  };
+  if (loading) {
+    return /* @__PURE__ */ React.createElement(Typography, null, "Loading configuration...");
+  }
+  return /* @__PURE__ */ React.createElement(Grid, { container: true, spacing: 3 }, /* @__PURE__ */ React.createElement(Grid, { item: true, xs: 12, md: 6 }, /* @__PURE__ */ React.createElement(InfoCard, { title: "Configuration Status" }, config ? /* @__PURE__ */ React.createElement(Box, null, /* @__PURE__ */ React.createElement(
+    ConfigItem,
+    {
+      label: "Mode",
+      value: config.masked ? "Masked" : "Unmasked",
+      ok: true
+    }
+  ), /* @__PURE__ */ React.createElement(
+    ConfigItem,
+    {
+      label: "Salt",
+      value: config.saltConfigured ? "Configured" : "Not configured",
+      ok: config.saltConfigured
+    }
+  ), /* @__PURE__ */ React.createElement(
+    ConfigItem,
+    {
+      label: "API Endpoint",
+      value: config.apiEndpointConfigured ? "Configured" : "Not configured",
+      ok: config.apiEndpointConfigured
+    }
+  ), /* @__PURE__ */ React.createElement(
+    ConfigItem,
+    {
+      label: "API Token",
+      value: config.apiTokenConfigured ? "Configured" : "Not configured",
+      ok: config.apiTokenConfigured
+    }
+  ), /* @__PURE__ */ React.createElement(
+    ConfigItem,
+    {
+      label: "Project ID",
+      value: config.projectIdConfigured ? "Configured" : "Not configured",
+      ok: config.projectIdConfigured
+    }
+  )) : /* @__PURE__ */ React.createElement(Typography, { color: "error" }, "Unable to load configuration. Is the backend plugin installed?"))), /* @__PURE__ */ React.createElement(Grid, { item: true, xs: 12, md: 6 }, /* @__PURE__ */ React.createElement(InfoCard, { title: "Developer Mappings" }, /* @__PURE__ */ React.createElement(Box, { display: "flex", alignItems: "center" }, /* @__PURE__ */ React.createElement(Typography, { variant: "h3" }, config?.mappingCount ?? 0), /* @__PURE__ */ React.createElement(
+    Typography,
+    {
+      variant: "body1",
+      style: { marginLeft: 8 },
+      color: "textSecondary"
+    },
+    "developer name mappings stored"
+  )), /* @__PURE__ */ React.createElement(Box, { mt: 2 }, /* @__PURE__ */ React.createElement(Typography, { variant: "body2", color: "textSecondary" }, "Upload developer names in the Settings tab to populate the mapping database. The system will compute SHA-256 hashes using the configured salt value.")))), /* @__PURE__ */ React.createElement(Grid, { item: true, xs: 12 }, /* @__PURE__ */ React.createElement(InfoCard, { title: "Unmask Developer Name" }, /* @__PURE__ */ React.createElement(Typography, { variant: "body2", color: "textSecondary", paragraph: true }, "Enter a masked developer username (16-character hex hash) to look up the original name from the mapping database."), /* @__PURE__ */ React.createElement(Box, { display: "flex", alignItems: "flex-start" }, /* @__PURE__ */ React.createElement(
+    TextField,
+    {
+      label: "Masked username",
+      value: maskedInput,
+      onChange: (e) => setMaskedInput(e.target.value),
+      onKeyDown: handleKeyDown,
+      variant: "outlined",
+      size: "small",
+      placeholder: "e.g. a1b2c3d4e5f67890",
+      style: { minWidth: 300 },
+      inputProps: { maxLength: 16 }
+    }
+  ), /* @__PURE__ */ React.createElement(
+    Button,
+    {
+      variant: "contained",
+      color: "primary",
+      onClick: handleUnmask,
+      disabled: !maskedInput.trim(),
+      style: { marginLeft: 12, height: 40 }
+    },
+    "Unmask"
+  )), unmaskResult && /* @__PURE__ */ React.createElement(Box, { className: classes.unmaskResult }, /* @__PURE__ */ React.createElement(Typography, { className: classes.resultLabel, variant: "body2" }, "Masked:"), /* @__PURE__ */ React.createElement(Typography, { className: classes.resultValue }, unmaskResult.maskedName), /* @__PURE__ */ React.createElement(Box, { mt: 1 }, /* @__PURE__ */ React.createElement(Typography, { className: classes.resultLabel, variant: "body2" }, "Real Name:"), /* @__PURE__ */ React.createElement(Typography, { className: classes.resultValue }, unmaskResult.realName ? /* @__PURE__ */ React.createElement(
+    Chip,
+    {
+      label: unmaskResult.realName,
+      color: "primary",
+      variant: "outlined"
+    }
+  ) : /* @__PURE__ */ React.createElement(
+    Chip,
+    {
+      label: "No mapping found",
+      color: "default",
+      variant: "outlined"
+    }
+  )))), unmaskError && /* @__PURE__ */ React.createElement(Box, { mt: 2 }, /* @__PURE__ */ React.createElement(Typography, { color: "error" }, unmaskError)))));
+};
+function ConfigItem({
+  label,
+  value,
+  ok
+}) {
+  return /* @__PURE__ */ React.createElement(Box, { display: "flex", alignItems: "center", mb: 1 }, ok ? /* @__PURE__ */ React.createElement(CheckCircleIcon, { style: { color: "#4caf50", marginRight: 8 }, fontSize: "small" }) : /* @__PURE__ */ React.createElement(ErrorIcon, { style: { color: "#f44336", marginRight: 8 }, fontSize: "small" }), /* @__PURE__ */ React.createElement(Typography, { variant: "body2" }, /* @__PURE__ */ React.createElement("strong", null, label, ":"), " ", value));
+}
+
+export { DashboardContent };
+//# sourceMappingURL=DashboardContent.esm.js.map

package/dist/components/DashboardContent.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DashboardContent.esm.js","sources":["../../src/components/DashboardContent.tsx"],"sourcesContent":["import React, { useState, useEffect, useCallback } from 'react';\nimport {\n  Typography,\n  TextField,\n  Button,\n  Grid,\n  Box,\n  Chip,\n} from '@material-ui/core';\nimport { makeStyles } from '@material-ui/core/styles';\nimport CheckCircleIcon from '@material-ui/icons/CheckCircle';\nimport ErrorIcon from '@material-ui/icons/Error';\nimport { InfoCard } from '@backstage/core-components';\nimport type { DevxpApi } from '../api';\nimport type { DevxpConfig, UnmaskResult } from '../types';\n\nconst useStyles = makeStyles(theme => ({\n  configGrid: {\n    marginBottom: theme.spacing(3),\n  },\n  statusChip: {\n    marginLeft: theme.spacing(1),\n  },\n  unmaskResult: {\n    marginTop: theme.spacing(2),\n    padding: theme.spacing(2),\n    backgroundColor: theme.palette.background.default,\n    borderRadius: theme.shape.borderRadius,\n  },\n  resultLabel: {\n    color: theme.palette.text.secondary,\n    marginBottom: theme.spacing(0.5),\n  },\n  resultValue: {\n    fontFamily: 'monospace',\n    fontSize: '1.1em',\n  },\n}));\n\ninterface DashboardContentProps {\n  api: DevxpApi;\n}\n\nexport const DashboardContent = ({ api }: DashboardContentProps) => {\n  const classes = useStyles();\n  const [config, setConfig] = useState<DevxpConfig | null>(null);\n  const [loading, setLoading] = useState(true);\n  const [maskedInput, setMaskedInput] = useState('');\n  const [unmaskResult, setUnmaskResult] = useState<UnmaskResult | null>(null);\n  const [unmaskError, setUnmaskError] = useState('');\n\n  const loadConfig = useCallback(async () => {\n    try {\n      setLoading(true);\n      const cfg = await api.getConfig();\n      setConfig(cfg);\n    } catch (e) {\n      // Config not available\n    } finally {\n      setLoading(false);\n    }\n  }, [api]);\n\n  useEffect(() => {\n    loadConfig();\n  }, [loadConfig]);\n\n  const handleUnmask = async () => {\n    if (!maskedInput.trim()) return;\n    setUnmaskError('');\n    setUnmaskResult(null);\n    try {\n      const result = await api.unmask(maskedInput.trim());\n      setUnmaskResult(result);\n    } catch (e: any) {\n      setUnmaskError(e.message || 'Failed to unmask');\n    }\n  };\n\n  const handleKeyDown = (e: React.KeyboardEvent) => {\n    if (e.key === 'Enter') handleUnmask();\n  };\n\n  if (loading) {\n    return <Typography>Loading configuration...</Typography>;\n  }\n\n  return (\n    <Grid container spacing={3}>\n      {/* Configuration Status */}\n      <Grid item xs={12} md={6}>\n        <InfoCard title=\"Configuration Status\">\n          {config ? (\n            <Box>\n              <ConfigItem\n                label=\"Mode\"\n                value={config.masked ? 'Masked' : 'Unmasked'}\n                ok\n              />\n              <ConfigItem\n                label=\"Salt\"\n                value={config.saltConfigured ? 'Configured' : 'Not configured'}\n                ok={config.saltConfigured}\n              />\n              <ConfigItem\n                label=\"API Endpoint\"\n                value={config.apiEndpointConfigured ? 'Configured' : 'Not configured'}\n                ok={config.apiEndpointConfigured}\n              />\n              <ConfigItem\n                label=\"API Token\"\n                value={config.apiTokenConfigured ? 'Configured' : 'Not configured'}\n                ok={config.apiTokenConfigured}\n              />\n              <ConfigItem\n                label=\"Project ID\"\n                value={config.projectIdConfigured ? 'Configured' : 'Not configured'}\n                ok={config.projectIdConfigured}\n              />\n            </Box>\n          ) : (\n            <Typography color=\"error\">\n              Unable to load configuration. Is the backend plugin installed?\n            </Typography>\n          )}\n        </InfoCard>\n      </Grid>\n\n      {/* Statistics */}\n      <Grid item xs={12} md={6}>\n        <InfoCard title=\"Developer Mappings\">\n          <Box display=\"flex\" alignItems=\"center\">\n            <Typography variant=\"h3\">\n              {config?.mappingCount ?? 0}\n            </Typography>\n            <Typography\n              variant=\"body1\"\n              style={{ marginLeft: 8 }}\n              color=\"textSecondary\"\n            >\n              developer name mappings stored\n            </Typography>\n          </Box>\n          <Box mt={2}>\n            <Typography variant=\"body2\" color=\"textSecondary\">\n              Upload developer names in the Settings tab to populate the mapping\n              database. The system will compute SHA-256 hashes using the\n              configured salt value.\n            </Typography>\n          </Box>\n        </InfoCard>\n      </Grid>\n\n      {/* Unmask Tester */}\n      <Grid item xs={12}>\n        <InfoCard title=\"Unmask Developer Name\">\n          <Typography variant=\"body2\" color=\"textSecondary\" paragraph>\n            Enter a masked developer username (16-character hex hash) to look up\n            the original name from the mapping database.\n          </Typography>\n          <Box display=\"flex\" alignItems=\"flex-start\">\n            <TextField\n              label=\"Masked username\"\n              value={maskedInput}\n              onChange={e => setMaskedInput(e.target.value)}\n              onKeyDown={handleKeyDown}\n              variant=\"outlined\"\n              size=\"small\"\n              placeholder=\"e.g. a1b2c3d4e5f67890\"\n              style={{ minWidth: 300 }}\n              inputProps={{ maxLength: 16 }}\n            />\n            <Button\n              variant=\"contained\"\n              color=\"primary\"\n              onClick={handleUnmask}\n              disabled={!maskedInput.trim()}\n              style={{ marginLeft: 12, height: 40 }}\n            >\n              Unmask\n            </Button>\n          </Box>\n          {unmaskResult && (\n            <Box className={classes.unmaskResult}>\n              <Typography className={classes.resultLabel} variant=\"body2\">\n                Masked:\n              </Typography>\n              <Typography className={classes.resultValue}>\n                {unmaskResult.maskedName}\n              </Typography>\n              <Box mt={1}>\n                <Typography className={classes.resultLabel} variant=\"body2\">\n                  Real Name:\n                </Typography>\n                <Typography className={classes.resultValue}>\n                  {unmaskResult.realName ? (\n                    <Chip\n                      label={unmaskResult.realName}\n                      color=\"primary\"\n                      variant=\"outlined\"\n                    />\n                  ) : (\n                    <Chip\n                      label=\"No mapping found\"\n                      color=\"default\"\n                      variant=\"outlined\"\n                    />\n                  )}\n                </Typography>\n              </Box>\n            </Box>\n          )}\n          {unmaskError && (\n            <Box mt={2}>\n              <Typography color=\"error\">{unmaskError}</Typography>\n            </Box>\n          )}\n        </InfoCard>\n      </Grid>\n    </Grid>\n  );\n};\n\nfunction ConfigItem({\n  label,\n  value,\n  ok,\n}: {\n  label: string;\n  value: string;\n  ok: boolean;\n}) {\n  return (\n    <Box display=\"flex\" alignItems=\"center\" mb={1}>\n      {ok ? (\n        <CheckCircleIcon style={{ color: '#4caf50', marginRight: 8 }} fontSize=\"small\" />\n      ) : (\n        <ErrorIcon style={{ color: '#f44336', marginRight: 8 }} fontSize=\"small\" />\n      )}\n      <Typography variant=\"body2\">\n        <strong>{label}:</strong> {value}\n      </Typography>\n    </Box>\n  );\n}\n"],"names":[],"mappings":"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"}

package/dist/components/DevxpPage.esm.js

@@ -0,0 +1,37 @@
+import { useState, useMemo } from 'react';
+import { Page, Header, Content } from '@backstage/core-components';
+import { useApi, fetchApiRef, discoveryApiRef } from '@backstage/core-plugin-api';
+import { Tabs, Tab, Box } from '@material-ui/core';
+import { DevxpClient } from '../api.esm.js';
+import { DashboardContent } from './DashboardContent.esm.js';
+import { SettingsContent } from './SettingsContent.esm.js';
+
+const DevxpPage = () => {
+  const [tab, setTab] = useState(0);
+  const fetchApi = useApi(fetchApiRef);
+  const discoveryApi = useApi(discoveryApiRef);
+  const api = useMemo(
+    () => new DevxpClient({ fetchApi, discoveryApi }),
+    [fetchApi, discoveryApi]
+  );
+  return /* @__PURE__ */ React.createElement(Page, { themeId: "tool" }, /* @__PURE__ */ React.createElement(
+    Header,
+    {
+      title: "Developer Intelligence",
+      subtitle: "DevXP Analytics & Developer Name Mapping"
+    }
+  ), /* @__PURE__ */ React.createElement(Content, null, /* @__PURE__ */ React.createElement(
+    Tabs,
+    {
+      value: tab,
+      onChange: (_, v) => setTab(v),
+      indicatorColor: "primary",
+      textColor: "primary"
+    },
+    /* @__PURE__ */ React.createElement(Tab, { label: "Dashboard" }),
+    /* @__PURE__ */ React.createElement(Tab, { label: "Settings" })
+  ), /* @__PURE__ */ React.createElement(Box, { mt: 3 }, tab === 0 && /* @__PURE__ */ React.createElement(DashboardContent, { api }), tab === 1 && /* @__PURE__ */ React.createElement(SettingsContent, { api }))));
+};
+
+export { DevxpPage };
+//# sourceMappingURL=DevxpPage.esm.js.map

package/dist/components/DevxpPage.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DevxpPage.esm.js","sources":["../../src/components/DevxpPage.tsx"],"sourcesContent":["import { useState, useMemo } from 'react';\nimport { Header, Page, Content } from '@backstage/core-components';\nimport {\n  useApi,\n  fetchApiRef,\n  discoveryApiRef,\n} from '@backstage/core-plugin-api';\nimport { Tabs, Tab, Box } from '@material-ui/core';\nimport { DevxpClient } from '../api';\nimport { DashboardContent } from './DashboardContent';\nimport { SettingsContent } from './SettingsContent';\n\nexport const DevxpPage = () => {\n  const [tab, setTab] = useState(0);\n  const fetchApi = useApi(fetchApiRef);\n  const discoveryApi = useApi(discoveryApiRef);\n\n  const api = useMemo(\n    () => new DevxpClient({ fetchApi, discoveryApi }),\n    [fetchApi, discoveryApi],\n  );\n\n  return (\n    <Page themeId=\"tool\">\n      <Header\n        title=\"Developer Intelligence\"\n        subtitle=\"DevXP Analytics & Developer Name Mapping\"\n      />\n      <Content>\n        <Tabs\n          value={tab}\n          onChange={(_, v) => setTab(v)}\n          indicatorColor=\"primary\"\n          textColor=\"primary\"\n        >\n          <Tab label=\"Dashboard\" />\n          <Tab label=\"Settings\" />\n        </Tabs>\n        <Box mt={3}>\n          {tab === 0 && <DashboardContent api={api} />}\n          {tab === 1 && <SettingsContent api={api} />}\n        </Box>\n      </Content>\n    </Page>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;AAYO,MAAM,YAAY,MAAM;AAC7B,EAAA,MAAM,CAAC,GAAA,EAAK,MAAM,CAAA,GAAI,SAAS,CAAC,CAAA;AAChC,EAAA,MAAM,QAAA,GAAW,OAAO,WAAW,CAAA;AACnC,EAAA,MAAM,YAAA,GAAe,OAAO,eAAe,CAAA;AAE3C,EAAA,MAAM,GAAA,GAAM,OAAA;AAAA,IACV,MAAM,IAAI,WAAA,CAAY,EAAE,QAAA,EAAU,cAAc,CAAA;AAAA,IAChD,CAAC,UAAU,YAAY;AAAA,GACzB;AAEA,EAAA,uBACE,KAAA,CAAA,aAAA,CAAC,IAAA,EAAA,EAAK,OAAA,EAAQ,MAAA,EAAA,kBACZ,KAAA,CAAA,aAAA;AAAA,IAAC,MAAA;AAAA,IAAA;AAAA,MACC,KAAA,EAAM,wBAAA;AAAA,MACN,QAAA,EAAS;AAAA;AAAA,GACX,sCACC,OAAA,EAAA,IAAA,kBACC,KAAA,CAAA,aAAA;AAAA,IAAC,IAAA;AAAA,IAAA;AAAA,MACC,KAAA,EAAO,GAAA;AAAA,MACP,QAAA,EAAU,CAAC,CAAA,EAAG,CAAA,KAAM,OAAO,CAAC,CAAA;AAAA,MAC5B,cAAA,EAAe,SAAA;AAAA,MACf,SAAA,EAAU;AAAA,KAAA;AAAA,oBAEV,KAAA,CAAA,aAAA,CAAC,GAAA,EAAA,EAAI,KAAA,EAAM,WAAA,EAAY,CAAA;AAAA,oBACvB,KAAA,CAAA,aAAA,CAAC,GAAA,EAAA,EAAI,KAAA,EAAM,UAAA,EAAW;AAAA,qBAExB,KAAA,CAAA,aAAA,CAAC,GAAA,EAAA,EAAI,IAAI,CAAA,EAAA,EACN,GAAA,KAAQ,qBAAK,KAAA,CAAA,aAAA,CAAC,gBAAA,EAAA,EAAiB,GAAA,EAAU,CAAA,EACzC,QAAQ,CAAA,oBAAK,KAAA,CAAA,aAAA,CAAC,mBAAgB,GAAA,EAAU,CAC3C,CACF,CACF,CAAA;AAEJ;;;;"}

package/dist/components/SettingsContent.esm.js

@@ -0,0 +1,142 @@
+import React, { useRef, useState, useCallback, useEffect } from 'react';
+import { Grid, Typography, Box, Button, TableContainer, Paper, Table, TableHead, TableRow, TableCell, TableBody, IconButton } from '@material-ui/core';
+import { makeStyles } from '@material-ui/core/styles';
+import DeleteIcon from '@material-ui/icons/Delete';
+import CloudUploadIcon from '@material-ui/icons/CloudUpload';
+import { InfoCard } from '@backstage/core-components';
+
+const useStyles = makeStyles((theme) => ({
+  fileInput: {
+    display: "none"
+  },
+  fileName: {
+    marginLeft: theme.spacing(2),
+    color: theme.palette.text.secondary
+  },
+  maskedCell: {
+    fontFamily: "monospace",
+    fontSize: "0.9em"
+  },
+  statusMessage: {
+    marginTop: theme.spacing(2),
+    padding: theme.spacing(1.5),
+    borderRadius: theme.shape.borderRadius
+  },
+  success: {
+    backgroundColor: "#e8f5e9",
+    color: "#2e7d32"
+  },
+  error: {
+    backgroundColor: "#ffebee",
+    color: "#c62828"
+  },
+  emptyState: {
+    textAlign: "center",
+    padding: theme.spacing(4),
+    color: theme.palette.text.secondary
+  }
+}));
+const SettingsContent = ({ api }) => {
+  const classes = useStyles();
+  const fileInputRef = useRef(null);
+  const [mappings, setMappings] = useState([]);
+  const [loading, setLoading] = useState(true);
+  const [selectedFileName, setSelectedFileName] = useState("");
+  const [fileContent, setFileContent] = useState("");
+  const [uploading, setUploading] = useState(false);
+  const [statusMessage, setStatusMessage] = useState(null);
+  const loadMappings = useCallback(async () => {
+    try {
+      setLoading(true);
+      const result = await api.getMappings();
+      setMappings(result.mappings);
+    } catch {
+    } finally {
+      setLoading(false);
+    }
+  }, [api]);
+  useEffect(() => {
+    loadMappings();
+  }, [loadMappings]);
+  const handleFileSelect = (event) => {
+    const file = event.target.files?.[0];
+    if (!file) return;
+    setSelectedFileName(file.name);
+    setStatusMessage(null);
+    const reader = new FileReader();
+    reader.onload = (e) => {
+      setFileContent(e.target?.result);
+    };
+    reader.readAsText(file);
+  };
+  const handleUpload = async () => {
+    if (!fileContent) return;
+    setUploading(true);
+    setStatusMessage(null);
+    try {
+      const result = await api.uploadCsv(fileContent);
+      if (result.error) {
+        setStatusMessage({ text: result.error, isError: true });
+      } else {
+        setStatusMessage({ text: result.message, isError: false });
+        setSelectedFileName("");
+        setFileContent("");
+        if (fileInputRef.current) fileInputRef.current.value = "";
+        await loadMappings();
+      }
+    } catch (e) {
+      setStatusMessage({
+        text: e.message || "Upload failed",
+        isError: true
+      });
+    } finally {
+      setUploading(false);
+    }
+  };
+  const handleDelete = async (maskedName) => {
+    try {
+      await api.deleteMapping(maskedName);
+      await loadMappings();
+    } catch {
+    }
+  };
+  return /* @__PURE__ */ React.createElement(Grid, { container: true, spacing: 3 }, /* @__PURE__ */ React.createElement(Grid, { item: true, xs: 12 }, /* @__PURE__ */ React.createElement(InfoCard, { title: "Upload Developer Names" }, /* @__PURE__ */ React.createElement(Typography, { variant: "body2", color: "textSecondary", paragraph: true }, "Upload a CSV file with developer names (one name per line). The system will compute SHA-256 hashes using the configured salt and store the masked-to-real name mappings. Duplicate names will be updated."), /* @__PURE__ */ React.createElement(Box, { display: "flex", alignItems: "center" }, /* @__PURE__ */ React.createElement(
+    "input",
+    {
+      ref: fileInputRef,
+      type: "file",
+      accept: ".csv,.txt",
+      className: classes.fileInput,
+      onChange: handleFileSelect,
+      id: "devxp-csv-upload"
+    }
+  ), /* @__PURE__ */ React.createElement("label", { htmlFor: "devxp-csv-upload" }, /* @__PURE__ */ React.createElement(Button, { variant: "outlined", component: "span" }, "Choose CSV File")), selectedFileName && /* @__PURE__ */ React.createElement(Typography, { className: classes.fileName, variant: "body2" }, selectedFileName), /* @__PURE__ */ React.createElement(
+    Button,
+    {
+      variant: "contained",
+      color: "primary",
+      onClick: handleUpload,
+      disabled: !fileContent || uploading,
+      startIcon: /* @__PURE__ */ React.createElement(CloudUploadIcon, null),
+      style: { marginLeft: 16 }
+    },
+    uploading ? "Processing..." : "Upload & Process"
+  )), statusMessage && /* @__PURE__ */ React.createElement(
+    Box,
+    {
+      className: `${classes.statusMessage} ${statusMessage.isError ? classes.error : classes.success}`
+    },
+    /* @__PURE__ */ React.createElement(Typography, { variant: "body2" }, statusMessage.text)
+  ))), /* @__PURE__ */ React.createElement(Grid, { item: true, xs: 12 }, /* @__PURE__ */ React.createElement(InfoCard, { title: "Developer Mappings" }, loading ? /* @__PURE__ */ React.createElement(Typography, null, "Loading mappings...") : mappings.length === 0 ? /* @__PURE__ */ React.createElement(Box, { className: classes.emptyState }, /* @__PURE__ */ React.createElement(Typography, { variant: "body1" }, "No developer mappings yet. Upload a CSV file above to get started.")) : /* @__PURE__ */ React.createElement(TableContainer, { component: Paper, variant: "outlined" }, /* @__PURE__ */ React.createElement(Table, { size: "small" }, /* @__PURE__ */ React.createElement(TableHead, null, /* @__PURE__ */ React.createElement(TableRow, null, /* @__PURE__ */ React.createElement(TableCell, null, "Masked Name"), /* @__PURE__ */ React.createElement(TableCell, null, "Real Name"), /* @__PURE__ */ React.createElement(TableCell, null, "Created"), /* @__PURE__ */ React.createElement(TableCell, { align: "right" }, "Actions"))), /* @__PURE__ */ React.createElement(TableBody, null, mappings.map((m) => /* @__PURE__ */ React.createElement(TableRow, { key: m.masked_name }, /* @__PURE__ */ React.createElement(TableCell, { className: classes.maskedCell }, m.masked_name), /* @__PURE__ */ React.createElement(TableCell, null, m.real_name), /* @__PURE__ */ React.createElement(TableCell, null, new Date(m.created_at).toLocaleDateString()), /* @__PURE__ */ React.createElement(TableCell, { align: "right" }, /* @__PURE__ */ React.createElement(
+    IconButton,
+    {
+      size: "small",
+      onClick: () => handleDelete(m.masked_name),
+      "aria-label": "Delete mapping"
+    },
+    /* @__PURE__ */ React.createElement(DeleteIcon, { fontSize: "small" })
+  ))))))))));
+};
+
+export { SettingsContent };
+//# sourceMappingURL=SettingsContent.esm.js.map

package/dist/components/SettingsContent.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SettingsContent.esm.js","sources":["../../src/components/SettingsContent.tsx"],"sourcesContent":["import React, { useState, useEffect, useCallback, useRef } from 'react';\nimport {\n  Typography,\n  Button,\n  Box,\n  Table,\n  TableBody,\n  TableCell,\n  TableContainer,\n  TableHead,\n  TableRow,\n  Paper,\n  IconButton,\n  Grid,\n} from '@material-ui/core';\nimport { makeStyles } from '@material-ui/core/styles';\nimport DeleteIcon from '@material-ui/icons/Delete';\nimport CloudUploadIcon from '@material-ui/icons/CloudUpload';\nimport { InfoCard } from '@backstage/core-components';\nimport type { DevxpApi } from '../api';\nimport type { DeveloperMapping } from '../types';\n\nconst useStyles = makeStyles(theme => ({\n  fileInput: {\n    display: 'none',\n  },\n  fileName: {\n    marginLeft: theme.spacing(2),\n    color: theme.palette.text.secondary,\n  },\n  maskedCell: {\n    fontFamily: 'monospace',\n    fontSize: '0.9em',\n  },\n  statusMessage: {\n    marginTop: theme.spacing(2),\n    padding: theme.spacing(1.5),\n    borderRadius: theme.shape.borderRadius,\n  },\n  success: {\n    backgroundColor: '#e8f5e9',\n    color: '#2e7d32',\n  },\n  error: {\n    backgroundColor: '#ffebee',\n    color: '#c62828',\n  },\n  emptyState: {\n    textAlign: 'center',\n    padding: theme.spacing(4),\n    color: theme.palette.text.secondary,\n  },\n}));\n\ninterface SettingsContentProps {\n  api: DevxpApi;\n}\n\nexport const SettingsContent = ({ api }: SettingsContentProps) => {\n  const classes = useStyles();\n  const fileInputRef = useRef<HTMLInputElement>(null);\n  const [mappings, setMappings] = useState<DeveloperMapping[]>([]);\n  const [loading, setLoading] = useState(true);\n  const [selectedFileName, setSelectedFileName] = useState('');\n  const [fileContent, setFileContent] = useState('');\n  const [uploading, setUploading] = useState(false);\n  const [statusMessage, setStatusMessage] = useState<{\n    text: string;\n    isError: boolean;\n  } | null>(null);\n\n  const loadMappings = useCallback(async () => {\n    try {\n      setLoading(true);\n      const result = await api.getMappings();\n      setMappings(result.mappings);\n    } catch {\n      // Failed to load mappings\n    } finally {\n      setLoading(false);\n    }\n  }, [api]);\n\n  useEffect(() => {\n    loadMappings();\n  }, [loadMappings]);\n\n  const handleFileSelect = (event: React.ChangeEvent<HTMLInputElement>) => {\n    const file = event.target.files?.[0];\n    if (!file) return;\n\n    setSelectedFileName(file.name);\n    setStatusMessage(null);\n\n    const reader = new FileReader();\n    reader.onload = e => {\n      setFileContent(e.target?.result as string);\n    };\n    reader.readAsText(file);\n  };\n\n  const handleUpload = async () => {\n    if (!fileContent) return;\n\n    setUploading(true);\n    setStatusMessage(null);\n    try {\n      const result = await api.uploadCsv(fileContent);\n      if (result.error) {\n        setStatusMessage({ text: result.error, isError: true });\n      } else {\n        setStatusMessage({ text: result.message, isError: false });\n        setSelectedFileName('');\n        setFileContent('');\n        if (fileInputRef.current) fileInputRef.current.value = '';\n        await loadMappings();\n      }\n    } catch (e: any) {\n      setStatusMessage({\n        text: e.message || 'Upload failed',\n        isError: true,\n      });\n    } finally {\n      setUploading(false);\n    }\n  };\n\n  const handleDelete = async (maskedName: string) => {\n    try {\n      await api.deleteMapping(maskedName);\n      await loadMappings();\n    } catch {\n      // Delete failed\n    }\n  };\n\n  return (\n    <Grid container spacing={3}>\n      {/* CSV Upload Section */}\n      <Grid item xs={12}>\n        <InfoCard title=\"Upload Developer Names\">\n          <Typography variant=\"body2\" color=\"textSecondary\" paragraph>\n            Upload a CSV file with developer names (one name per line). The\n            system will compute SHA-256 hashes using the configured salt and\n            store the masked-to-real name mappings. Duplicate names will be\n            updated.\n          </Typography>\n          <Box display=\"flex\" alignItems=\"center\">\n            <input\n              ref={fileInputRef}\n              type=\"file\"\n              accept=\".csv,.txt\"\n              className={classes.fileInput}\n              onChange={handleFileSelect}\n              id=\"devxp-csv-upload\"\n            />\n            <label htmlFor=\"devxp-csv-upload\">\n              <Button variant=\"outlined\" component=\"span\">\n                Choose CSV File\n              </Button>\n            </label>\n            {selectedFileName && (\n              <Typography className={classes.fileName} variant=\"body2\">\n                {selectedFileName}\n              </Typography>\n            )}\n            <Button\n              variant=\"contained\"\n              color=\"primary\"\n              onClick={handleUpload}\n              disabled={!fileContent || uploading}\n              startIcon={<CloudUploadIcon />}\n              style={{ marginLeft: 16 }}\n            >\n              {uploading ? 'Processing...' : 'Upload & Process'}\n            </Button>\n          </Box>\n          {statusMessage && (\n            <Box\n              className={`${classes.statusMessage} ${statusMessage.isError ? classes.error : classes.success}`}\n            >\n              <Typography variant=\"body2\">{statusMessage.text}</Typography>\n            </Box>\n          )}\n        </InfoCard>\n      </Grid>\n\n      {/* Mappings Table */}\n      <Grid item xs={12}>\n        <InfoCard title=\"Developer Mappings\">\n          {loading ? (\n            <Typography>Loading mappings...</Typography>\n          ) : mappings.length === 0 ? (\n            <Box className={classes.emptyState}>\n              <Typography variant=\"body1\">\n                No developer mappings yet. Upload a CSV file above to get\n                started.\n              </Typography>\n            </Box>\n          ) : (\n            <TableContainer component={Paper} variant=\"outlined\">\n              <Table size=\"small\">\n                <TableHead>\n                  <TableRow>\n                    <TableCell>Masked Name</TableCell>\n                    <TableCell>Real Name</TableCell>\n                    <TableCell>Created</TableCell>\n                    <TableCell align=\"right\">Actions</TableCell>\n                  </TableRow>\n                </TableHead>\n                <TableBody>\n                  {mappings.map(m => (\n                    <TableRow key={m.masked_name}>\n                      <TableCell className={classes.maskedCell}>\n                        {m.masked_name}\n                      </TableCell>\n                      <TableCell>{m.real_name}</TableCell>\n                      <TableCell>\n                        {new Date(m.created_at).toLocaleDateString()}\n                      </TableCell>\n                      <TableCell align=\"right\">\n                        <IconButton\n                          size=\"small\"\n                          onClick={() => handleDelete(m.masked_name)}\n                          aria-label=\"Delete mapping\"\n                        >\n                          <DeleteIcon fontSize=\"small\" />\n                        </IconButton>\n                      </TableCell>\n                    </TableRow>\n                  ))}\n                </TableBody>\n              </Table>\n            </TableContainer>\n          )}\n        </InfoCard>\n      </Grid>\n    </Grid>\n  );\n};\n"],"names":[],"mappings":"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"}

package/dist/index.d.ts

@@ -0,0 +1,50 @@
+import * as react from 'react';
+import * as _backstage_frontend_plugin_api from '@backstage/frontend-plugin-api';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+declare const _default: _backstage_frontend_plugin_api.OverridableFrontendPlugin<{}, {}, {
+    "page:devxp": _backstage_frontend_plugin_api.OverridableExtensionDefinition<{
+        kind: "page";
+        name: undefined;
+        config: {
+            path: string | undefined;
+            title: string | undefined;
+        };
+        configInput: {
+            title?: string | undefined;
+            path?: string | undefined;
+        };
+        output: _backstage_frontend_plugin_api.ExtensionDataRef<string, "core.routing.path", {}> | _backstage_frontend_plugin_api.ExtensionDataRef<_backstage_frontend_plugin_api.RouteRef<_backstage_frontend_plugin_api.AnyRouteRefParams>, "core.routing.ref", {
+            optional: true;
+        }> | _backstage_frontend_plugin_api.ExtensionDataRef<react.JSX.Element, "core.reactElement", {}> | _backstage_frontend_plugin_api.ExtensionDataRef<string, "core.title", {
+            optional: true;
+        }> | _backstage_frontend_plugin_api.ExtensionDataRef<_backstage_frontend_plugin_api.IconElement, "core.icon", {
+            optional: true;
+        }>;
+        inputs: {
+            pages: _backstage_frontend_plugin_api.ExtensionInput<_backstage_frontend_plugin_api.ConfigurableExtensionDataRef<react.JSX.Element, "core.reactElement", {}> | _backstage_frontend_plugin_api.ConfigurableExtensionDataRef<string, "core.routing.path", {}> | _backstage_frontend_plugin_api.ConfigurableExtensionDataRef<_backstage_frontend_plugin_api.RouteRef<_backstage_frontend_plugin_api.AnyRouteRefParams>, "core.routing.ref", {
+                optional: true;
+            }> | _backstage_frontend_plugin_api.ConfigurableExtensionDataRef<string, "core.title", {
+                optional: true;
+            }> | _backstage_frontend_plugin_api.ConfigurableExtensionDataRef<_backstage_frontend_plugin_api.IconElement, "core.icon", {
+                optional: true;
+            }>, {
+                singleton: false;
+                optional: false;
+                internal: false;
+            }>;
+        };
+        params: {
+            path: string;
+            title?: string;
+            icon?: _backstage_frontend_plugin_api.IconElement;
+            loader?: () => Promise<react.JSX.Element>;
+            routeRef?: _backstage_frontend_plugin_api.RouteRef;
+            noHeader?: boolean;
+        };
+    }>;
+}>;
+
+declare const DevxpPage: () => react_jsx_runtime.JSX.Element;
+
+export { DevxpPage, _default as default };

package/dist/index.esm.js

@@ -0,0 +1,3 @@
+export { default } from './plugin.esm.js';
+export { DevxpPage } from './components/DevxpPage.esm.js';
+//# sourceMappingURL=index.esm.js.map

package/dist/index.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/plugin.esm.js

@@ -0,0 +1,16 @@
+import { PageBlueprint, createFrontendPlugin } from '@backstage/frontend-plugin-api';
+
+const devxpPage = PageBlueprint.make({
+  params: {
+    path: "/devxp",
+    title: "Dev Intelligence",
+    loader: () => import('./components/DevxpPage.esm.js').then((m) => /* @__PURE__ */ React.createElement(m.DevxpPage, null))
+  }
+});
+var plugin = createFrontendPlugin({
+  pluginId: "devxp",
+  extensions: [devxpPage]
+});
+
+export { plugin as default };
+//# sourceMappingURL=plugin.esm.js.map

package/dist/plugin.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"plugin.esm.js","sources":["../src/plugin.tsx"],"sourcesContent":["import { createFrontendPlugin, PageBlueprint } from '@backstage/frontend-plugin-api';\n\nconst devxpPage = PageBlueprint.make({\n  params: {\n    path: '/devxp',\n    title: 'Dev Intelligence',\n    loader: () =>\n      import('./components/DevxpPage').then(m => <m.DevxpPage />),\n  },\n});\n\nexport default createFrontendPlugin({\n  pluginId: 'devxp',\n  extensions: [devxpPage],\n});\n"],"names":[],"mappings":";;AAEA,MAAM,SAAA,GAAY,cAAc,IAAA,CAAK;AAAA,EACnC,MAAA,EAAQ;AAAA,IACN,IAAA,EAAM,QAAA;AAAA,IACN,KAAA,EAAO,kBAAA;AAAA,IACP,MAAA,EAAQ,MACN,OAAO,+BAAwB,CAAA,CAAE,IAAA,CAAK,CAAA,CAAA,qBAAK,KAAA,CAAA,aAAA,CAAC,CAAA,CAAE,SAAA,EAAF,IAAY,CAAE;AAAA;AAEhE,CAAC,CAAA;AAED,aAAe,oBAAA,CAAqB;AAAA,EAClC,QAAA,EAAU,OAAA;AAAA,EACV,UAAA,EAAY,CAAC,SAAS;AACxB,CAAC,CAAA;;;;"}

package/package.json

@@ -0,0 +1,61 @@
+{
+  "name": "@karimov-labs/backstage-plugin-devxp",
+  "version": "1.0.0",
+  "description": "Backstage frontend plugin for developer intelligence — masked identity management, CSV upload, and unmask tooling.",
+  "main": "src/index.ts",
+  "types": "src/index.ts",
+  "license": "Apache-2.0",
+  "author": "karimov-labs",
+  "homepage": "https://github.com/karimov-labs/backstage-plugin-devxp#readme",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/karimov-labs/backstage-plugin-devxp.git",
+    "directory": "plugins/devxp"
+  },
+  "keywords": [
+    "backstage",
+    "plugin",
+    "developer-intelligence",
+    "devxp",
+    "identity-masking"
+  ],
+  "backstage": {
+    "role": "frontend-plugin",
+    "pluginId": "devxp"
+  },
+  "publishConfig": {
+    "access": "public",
+    "main": "dist/index.cjs.js",
+    "module": "dist/index.esm.js",
+    "types": "dist/index.d.ts"
+  },
+  "scripts": {
+    "start": "backstage-cli package start",
+    "build": "backstage-cli package build",
+    "lint": "backstage-cli package lint",
+    "test": "backstage-cli package test",
+    "clean": "backstage-cli package clean"
+  },
+  "dependencies": {
+    "@backstage/core-components": "^0.18.8",
+    "@backstage/core-plugin-api": "^1.12.4",
+    "@backstage/frontend-plugin-api": "^0.15.0",
+    "@material-ui/core": "^4.12.2",
+    "@material-ui/icons": "^4.9.1",
+    "@material-ui/lab": "^4.0.0-alpha.61",
+    "react": "^18.0.2",
+    "react-dom": "^18.0.2"
+  },
+  "devDependencies": {
+    "@backstage/cli": "^0.36.0",
+    "@types/react": "*",
+    "@types/react-dom": "*"
+  },
+  "peerDependencies": {
+    "react": "^18.0.2",
+    "react-dom": "^18.0.2"
+  },
+  "files": [
+    "dist"
+  ]
+}

package/src/index.ts

@@ -0,0 +1,2 @@
+export { default } from './plugin';
+export { DevxpPage } from './components/DevxpPage';