allow swagger to be deployed on a forked repo for testing

Author: JasonVranek

docs/src/components/SwaggerUI.js

@@ -1,18 +1,32 @@
 import React from 'react';
 import SwaggerUI from 'swagger-ui-react';
 import 'swagger-ui-react/swagger-ui.css';
-// eslint-disable-next-line import/no-webpack-loader-syntax
-import localSpec from '!!raw-loader!@signer-api-spec';
 
-const IS_LOCALHOST = typeof window !== 'undefined' && window.location.hostname === 'localhost';
+function getSpecUrl() {
+    if (typeof window === 'undefined') return null;
 
-const PROD_URL = 'https://raw.githubusercontent.com/Commit-Boost/commit-boost-client/main/api/signer-api.yml';
+    // localhost dev: webpack bundles the spec via raw-loader
+    if (window.location.hostname === 'localhost') return null;
+
+    // Production GitHub Pages: derive org/repo/branch from the current URL
+    // e.g. https://commit-boost.github.io/commit-boost-client/ → Commit-Boost/commit-boost-client/main
+    const host = window.location.hostname; // e.g. commit-boost.github.io
+    const org = host.replace('.github.io', ''); // e.g. commit-boost → Commit-Boost
+    const pathParts = window.location.pathname.split('/').filter(Boolean);
+    const repo = pathParts[0] || 'commit-boost-client';
+    const branch = window.location.searchParams?.get('branch') || 'main';
+
+    return `https://raw.githubusercontent.com/${org}/${repo}/${branch}/api/signer-api.yml`;
+}
 
 const SwaggerUIComponent = () => {
-    if (IS_LOCALHOST) {
+    const specUrl = getSpecUrl();
+    if (!specUrl) {
+        // eslint-disable-next-line @typescript-eslint/no-var-requires
+        const localSpec = require('!!raw-loader!@signer-api-spec').default;
         return <SwaggerUI spec={localSpec} />;
     }
-    return <SwaggerUI url={PROD_URL} />;
+    return <SwaggerUI url={specUrl} />;
 };
 
 export default SwaggerUIComponent;