@alliance-droid/status-feedback-system 1.3.0 → 1.3.2

package/dist/components/dev/environment.js

@@ -0,0 +1,93 @@
+/**
+ * Environment detection utilities for DevFeedback.
+ */
+/**
+ * Read an environment variable from common SvelteKit/Vite injection patterns.
+ */
+export function getEnvVar(key) {
+    try {
+        const env = globalThis.__sveltekit_env;
+        if (env?.[key])
+            return env[key];
+    }
+    catch { /* ignore */ }
+    try {
+        const win = window;
+        const env = win.__ENV;
+        if (env?.[key])
+            return env[key];
+    }
+    catch { /* ignore */ }
+    return undefined;
+}
+/**
+ * Detect whether DevFeedback should be enabled.
+ * Priority: explicit prop > env var > Vercel env > localhost.
+ */
+export function detectEnvironment(explicitEnabled) {
+    if (explicitEnabled !== undefined)
+        return explicitEnabled;
+    if (typeof window === 'undefined')
+        return false;
+    const feedbackEnabled = getEnvVar('PUBLIC_FEEDBACK_ENABLED');
+    if (feedbackEnabled === 'true')
+        return true;
+    if (feedbackEnabled === 'false')
+        return false;
+    const vercelEnv = getEnvVar('VERCEL_ENV');
+    if (vercelEnv === 'production')
+        return false;
+    if (vercelEnv)
+        return true;
+    const host = window.location.hostname;
+    return host === 'localhost' || host === '127.0.0.1' || host.endsWith('.local');
+}
+/**
+ * Get a human-readable environment name.
+ */
+export function getEnvironmentName() {
+    const vercelEnv = getEnvVar('VERCEL_ENV');
+    if (vercelEnv)
+        return vercelEnv;
+    if (typeof window !== 'undefined' && window.location.hostname === 'localhost')
+        return 'development';
+    return 'unknown';
+}
+/**
+ * Get a CSS selector path for a DOM element (for bug context).
+ */
+export function getElementSelector(el) {
+    if (!el)
+        return '';
+    const parts = [];
+    let current = el;
+    while (current && current !== document.body) {
+        if (!current.tagName) {
+            current = current.parentElement;
+            continue;
+        }
+        let selector = current.tagName.toLowerCase();
+        if (current.id) {
+            selector += `#${current.id}`;
+            parts.unshift(selector);
+            break;
+        }
+        if (current.className && typeof current.className === 'string') {
+            const classes = current.className.trim().split(/\s+/).slice(0, 2).join('.');
+            if (classes)
+                selector += `.${classes}`;
+        }
+        parts.unshift(selector);
+        current = current.parentElement;
+    }
+    return parts.join(' > ');
+}
+/**
+ * Get a truncated outer HTML snippet for a DOM element (for bug context).
+ */
+export function getElementHtml(el) {
+    if (!el)
+        return '';
+    const html = el.outerHTML;
+    return html.length > 500 ? html.slice(0, 500) + '...' : html;
+}

package/dist/components/dev/screenshot.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Screenshot capture utility for DevFeedback.
+ * Dynamically imports html2canvas — gracefully degrades if not installed
+ * (html2canvas is an optional peer dependency).
+ */
+export declare function captureScreenshot(): Promise<string | null>;

package/dist/components/dev/screenshot.js

@@ -0,0 +1,25 @@
+/**
+ * Screenshot capture utility for DevFeedback.
+ * Dynamically imports html2canvas — gracefully degrades if not installed
+ * (html2canvas is an optional peer dependency).
+ */
+export async function captureScreenshot() {
+    try {
+        const html2canvas = (await import('html2canvas')).default;
+        const canvas = await html2canvas(document.body, {
+            logging: false,
+            useCORS: true,
+            scale: 1,
+            width: window.innerWidth,
+            height: window.innerHeight,
+            windowWidth: window.innerWidth,
+            windowHeight: window.innerHeight,
+        });
+        return canvas.toDataURL('image/png');
+    }
+    catch (err) {
+        console.error('[DevFeedback] Screenshot capture failed:', err);
+        // html2canvas not installed or capture failed (cross-origin iframe, etc.)
+        return null;
+    }
+}

package/dist/components/shared/IncidentTimeline.svelte

@@ -35,12 +35,12 @@
 	}
 </script>
 
-<div class="space-y-4">
+<div class="space-y-4" role="list" aria-label="Incident timeline">
 	{#each updates as update}
 		{@const config = statusConfig[update.status]}
-		<div class="flex gap-3">
+		<div class="flex gap-3" role="listitem">
 			<div class="flex flex-col items-center">
-				<i class="fa-solid {config.icon} {config.colorClass} text-sm"></i>
+				<i class="fa-solid {config.icon} {config.colorClass} text-sm" aria-hidden="true"></i>
 				<div class="mt-1 h-full w-px bg-border"></div>
 			</div>
 			<div class="pb-4">

package/dist/components/shared/StatusIndicator.svelte

@@ -42,8 +42,8 @@
 	let sizeClass = $derived(sizeClasses[size]);
 </script>
 
-<span class="inline-flex items-center gap-1.5 {sizeClass}">
-	<i class="fa-solid {current.icon} {current.colorClass}"></i>
+<span class="inline-flex items-center gap-1.5 {sizeClass}" role="status" aria-label="{current.label}">
+	<i class="fa-solid {current.icon} {current.colorClass}" aria-hidden="true"></i>
 	{#if showLabel}
 		<span class="text-foreground-secondary">{current.label}</span>
 	{/if}

package/dist/index.d.ts

@@ -8,6 +8,7 @@
  *   import { StatusPage, FeedbackButton, createStatusClient } from '@alliance-droid/status-feedback-system';
  */
 export type { Project, System, Incident, IncidentUpdate, Feedback, FeedbackResponse, FeedbackVisibility, StatusHistoryEntry, SystemStatus, IncidentStatus, IncidentSeverity, FeedbackStatus, ApiResponse, } from './types.js';
+export { deriveOverallStatus } from './utils.js';
 export { createStatusClient } from './api.js';
 export type { StatusClient, StatusClientConfig, StatusData, IncidentData, UptimeData, BoardData, BoardItem, BoardCategory } from './api.js';
 export { default as StatusPage } from './components/StatusPage.svelte';

package/dist/index.js

@@ -7,6 +7,8 @@
  * Usage:
  *   import { StatusPage, FeedbackButton, createStatusClient } from '@alliance-droid/status-feedback-system';
  */
+// ── Utilities ──
+export { deriveOverallStatus } from './utils.js';
 // ── API Client ──
 export { createStatusClient } from './api.js';
 // ── Client Components ──

package/dist/utils.d.ts

@@ -0,0 +1,9 @@
+/**
+ * Shared utility functions for the status-feedback-system package.
+ */
+import type { System, SystemStatus } from './types.js';
+/**
+ * Derive the overall system status from an array of systems.
+ * Priority: outage > degraded > maintenance > operational.
+ */
+export declare function deriveOverallStatus(systems: System[]): SystemStatus;

package/dist/utils.js

@@ -0,0 +1,18 @@
+/**
+ * Shared utility functions for the status-feedback-system package.
+ */
+/**
+ * Derive the overall system status from an array of systems.
+ * Priority: outage > degraded > maintenance > operational.
+ */
+export function deriveOverallStatus(systems) {
+    if (systems.length === 0)
+        return 'operational';
+    if (systems.some((s) => s.status === 'outage'))
+        return 'outage';
+    if (systems.some((s) => s.status === 'degraded'))
+        return 'degraded';
+    if (systems.some((s) => s.status === 'maintenance'))
+        return 'maintenance';
+    return 'operational';
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@alliance-droid/status-feedback-system",
-  "version": "1.3.0",
+  "version": "1.3.2",
   "type": "module",
   "description": "Drop-in system status pages and user feedback forms for SvelteKit apps",
   "svelte": "./dist/index.js",
@@ -18,6 +18,7 @@
   ],
   "scripts": {
     "build": "svelte-package -o dist && publint",
+    "lint": "svelte-check --tsconfig ./tsconfig.json",
     "check": "svelte-check --tsconfig ./tsconfig.json",
     "test": "vitest run",
     "test:watch": "vitest",
@@ -25,10 +26,17 @@
   },
   "peerDependencies": {
     "@alliance-droid/svelte-component-library": ">=1.0.0",
+    "html2canvas": "^1.4.1",
     "svelte": "^5.0.0"
   },
+  "peerDependenciesMeta": {
+    "html2canvas": {
+      "optional": true
+    }
+  },
   "devDependencies": {
     "@alliance-droid/svelte-component-library": "^1.0.5",
+    "html2canvas": "^1.4.1",
     "@sveltejs/package": "^2.3.0",
     "@sveltejs/vite-plugin-svelte": "^6.0.0",
     "@testing-library/jest-dom": "^6.9.1",
@@ -41,9 +49,6 @@
     "vite": "^7.3.0",
     "vitest": "^4.0.0"
   },
-  "dependencies": {
-    "html2canvas": "^1.4.1"
-  },
   "keywords": [
     "svelte",
     "sveltekit",
@@ -52,12 +57,12 @@
     "uptime"
   ],
   "author": "Alliance Technical Group",
-  "license": "MIT",
+  "license": "UNLICENSED",
   "publishConfig": {
     "access": "restricted"
   },
   "repository": {
     "type": "git",
-    "url": "git+https://github.com/alliance-droid/status-feedback-system.git"
+    "url": "git+https://alliance.ghe.com/alliance/status-feedback-system.git"
   }
 }