@genomicx/ui 0.7.0 → 0.7.1

package/dist/components/NavBar.d.ts

@@ -5,9 +5,11 @@ export interface NavBarProps {
     version?: string;
     /** Custom SVG icon element. Defaults to GenomicX rings logo. */
     icon?: ReactNode;
+    /** GitHub repository URL shown in the nav header */
+    githubUrl?: string;
     /** Extra items in the desktop nav (right side, before theme toggle) */
     actions?: ReactNode;
     /** Extra items in the mobile dropdown */
     mobileActions?: ReactNode;
 }
-export declare function NavBar({ appName, appSubtitle, version, icon, actions, mobileActions }: NavBarProps): import("react/jsx-runtime").JSX.Element;
+export declare function NavBar({ appName, appSubtitle, version, icon, githubUrl, actions, mobileActions }: NavBarProps): import("react/jsx-runtime").JSX.Element;

package/dist/index.js

@@ -1,12 +1,12 @@
 import { jsxs as l, jsx as e, Fragment as p } from "react/jsx-runtime";
-import { useState as f, useRef as w, useCallback as x } from "react";
+import { useState as f, useRef as b, useCallback as x } from "react";
 import { Link as g } from "react-router-dom";
 import v from "react-hot-toast";
 function N({ disabled: n = !1 }) {
   const [a, o] = f(
     () => document.documentElement.getAttribute("data-theme") || "dark"
-  ), r = (t) => {
-    o(t), document.documentElement.setAttribute("data-theme", t), localStorage.setItem("gx-theme", t);
+  ), r = (s) => {
+    o(s), document.documentElement.setAttribute("data-theme", s), localStorage.setItem("gx-theme", s);
   };
   return /* @__PURE__ */ l("div", { className: `gx-theme-toggle${n ? " disabled" : ""}`, title: n ? "Theme switching disabled" : void 0, children: [
     /* @__PURE__ */ e(
@@ -36,8 +36,8 @@ const y = () => /* @__PURE__ */ l("svg", { className: "gx-nav-logo-icon", viewBo
   /* @__PURE__ */ e("circle", { cx: "12", cy: "12", r: "6" }),
   /* @__PURE__ */ e("circle", { cx: "12", cy: "12", r: "2" })
 ] });
-function M({ appName: n, appSubtitle: a, version: o, icon: r, actions: t, mobileActions: i }) {
-  const [s, c] = f(!1);
+function M({ appName: n, appSubtitle: a, version: o, icon: r, githubUrl: s, actions: i, mobileActions: c }) {
+  const [t, m] = f(!1);
   return /* @__PURE__ */ l("nav", { className: "gx-nav", children: [
     /* @__PURE__ */ e("div", { className: "gx-nav-inner", children: /* @__PURE__ */ l("div", { className: "gx-nav-row", children: [
       /* @__PURE__ */ l(g, { to: "/", className: "gx-nav-logo", children: [
@@ -54,9 +54,9 @@ function M({ appName: n, appSubtitle: a, version: o, icon: r, actions: t, mobile
         ] })
       ] }),
       /* @__PURE__ */ l("div", { className: "gx-nav-desktop", children: [
-        t,
+        i,
         /* @__PURE__ */ e(g, { to: "/about", className: "gx-nav-link", children: "About" }),
-        /* @__PURE__ */ l("a", { href: "https://github.com/happykhan", target: "_blank", rel: "noopener noreferrer", className: "gx-nav-link", children: [
+        s && /* @__PURE__ */ l("a", { href: s, target: "_blank", rel: "noopener noreferrer", className: "gx-nav-link", children: [
           "GitHub",
           /* @__PURE__ */ e("svg", { className: "gx-nav-link-icon", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ e("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14" }) })
         ] }),
@@ -64,13 +64,13 @@ function M({ appName: n, appSubtitle: a, version: o, icon: r, actions: t, mobile
       ] }),
       /* @__PURE__ */ l("div", { className: "gx-nav-mobile-toggle", children: [
         /* @__PURE__ */ e(N, {}),
-        /* @__PURE__ */ e("button", { onClick: () => c(!s), className: "gx-nav-hamburger", "aria-label": "Toggle menu", children: s ? /* @__PURE__ */ e("svg", { className: "gx-nav-hamburger-icon", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ e("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M6 18L18 6M6 6l12 12" }) }) : /* @__PURE__ */ e("svg", { className: "gx-nav-hamburger-icon", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ e("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M4 6h16M4 12h16M4 18h16" }) }) })
+        /* @__PURE__ */ e("button", { onClick: () => m(!t), className: "gx-nav-hamburger", "aria-label": "Toggle menu", children: t ? /* @__PURE__ */ e("svg", { className: "gx-nav-hamburger-icon", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ e("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M6 18L18 6M6 6l12 12" }) }) : /* @__PURE__ */ e("svg", { className: "gx-nav-hamburger-icon", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ e("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M4 6h16M4 12h16M4 18h16" }) }) })
       ] })
     ] }) }),
-    s && /* @__PURE__ */ l("div", { className: "gx-nav-dropdown", children: [
-      i,
-      /* @__PURE__ */ e(g, { to: "/about", onClick: () => c(!1), className: "gx-nav-dropdown-link", children: "About" }),
-      /* @__PURE__ */ e("a", { href: "https://github.com/happykhan", target: "_blank", rel: "noopener noreferrer", className: "gx-nav-dropdown-link", children: "GitHub ↗" })
+    t && /* @__PURE__ */ l("div", { className: "gx-nav-dropdown", children: [
+      c,
+      /* @__PURE__ */ e(g, { to: "/about", onClick: () => m(!1), className: "gx-nav-dropdown-link", children: "About" }),
+      s && /* @__PURE__ */ e("a", { href: s, target: "_blank", rel: "noopener noreferrer", className: "gx-nav-dropdown-link", children: "GitHub ↗" })
     ] })
   ] });
 }
@@ -81,7 +81,7 @@ const B = [
   "Steps to reproduce the issue"
 ];
 function C({ onClose: n, bugReportEmail: a, bugReportUrl: o, bugReportItems: r }) {
-  const t = r ?? B;
+  const s = r ?? B;
   return /* @__PURE__ */ e("div", { className: "gx-modal-overlay", onClick: n, children: /* @__PURE__ */ l("div", { className: "gx-modal", onClick: (i) => i.stopPropagation(), children: [
     /* @__PURE__ */ l("div", { className: "gx-modal-header", children: [
       /* @__PURE__ */ e("h3", { className: "gx-modal-title", children: "Report a Bug" }),
@@ -92,7 +92,7 @@ function C({ onClose: n, bugReportEmail: a, bugReportUrl: o, bugReportItems: r }
       /* @__PURE__ */ e("p", { className: "gx-modal-email", children: /* @__PURE__ */ e("a", { href: `mailto:${a}`, children: a }) }),
       /* @__PURE__ */ l("div", { className: "gx-modal-checklist", children: [
         /* @__PURE__ */ e("p", { className: "gx-modal-checklist-title", children: "Please include:" }),
-        /* @__PURE__ */ e("ol", { className: "gx-modal-checklist-items", children: t.map((i, s) => /* @__PURE__ */ e("li", { children: i }, s)) })
+        /* @__PURE__ */ e("ol", { className: "gx-modal-checklist-items", children: s.map((i, c) => /* @__PURE__ */ e("li", { children: i }, c)) })
       ] }),
       o && /* @__PURE__ */ l("p", { className: "gx-modal-github-hint", children: [
         "You can also open an issue on",
@@ -103,10 +103,10 @@ function C({ onClose: n, bugReportEmail: a, bugReportUrl: o, bugReportItems: r }
     ] })
   ] }) });
 }
-function L({ appName: n = "GenomicX", bugReportEmail: a, bugReportUrl: o, onReportBug: r, bugReportItems: t }) {
-  const [i, s] = f(!1);
-  function c() {
-    a ? s(!0) : r && r();
+function L({ appName: n = "GenomicX", bugReportEmail: a, bugReportUrl: o, onReportBug: r, bugReportItems: s }) {
+  const [i, c] = f(!1);
+  function t() {
+    a ? c(!0) : r && r();
   }
   return /* @__PURE__ */ l(p, { children: [
     /* @__PURE__ */ e("footer", { className: "gx-footer", children: /* @__PURE__ */ e("div", { className: "gx-footer-inner", children: /* @__PURE__ */ l("div", { className: "gx-footer-content", children: [
@@ -119,16 +119,16 @@ function L({ appName: n = "GenomicX", bugReportEmail: a, bugReportUrl: o, onRepo
       ] }),
       /* @__PURE__ */ l("div", { className: "gx-footer-links", children: [
         /* @__PURE__ */ e("a", { href: "https://genomicx.org", target: "_blank", rel: "noopener noreferrer", className: "gx-footer-link", children: "genomicx.org" }),
-        (a || o || r) && /* @__PURE__ */ e("button", { onClick: c, className: "gx-footer-link", children: "Report Bug" })
+        (a || o || r) && /* @__PURE__ */ e("button", { onClick: t, className: "gx-footer-link", children: "Report Bug" })
       ] })
     ] }) }) }),
     i && a && /* @__PURE__ */ e(
       C,
       {
-        onClose: () => s(!1),
+        onClose: () => c(!1),
         bugReportEmail: a,
         bugReportUrl: o,
-        bugReportItems: t
+        bugReportItems: s
       }
     )
   ] });
@@ -141,7 +141,7 @@ function W({ children: n, onReportBug: a, ...o }) {
   ] });
 }
 function H({ logs: n, progress: a, title: o = "Console" }) {
-  const r = w(null), t = () => {
+  const r = b(null), s = () => {
     navigator.clipboard.writeText(n.join(`
 `)).then(() => {
       v.success("Logs copied to clipboard!");
@@ -170,12 +170,12 @@ function H({ logs: n, progress: a, title: o = "Console" }) {
           " messages)"
         ] })
       ] }),
-      /* @__PURE__ */ l("button", { onClick: t, className: "gx-console-copy", disabled: n.length === 0, children: [
+      /* @__PURE__ */ l("button", { onClick: s, className: "gx-console-copy", disabled: n.length === 0, children: [
         /* @__PURE__ */ e("svg", { className: "gx-console-copy-icon", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ e("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M8 16H6a2 2 0 01-2-2V6a2 2 0 012-2h8a2 2 0 012 2v2m-6 12h8a2 2 0 002-2v-8a2 2 0 00-2-2h-8a2 2 0 00-2 2v8a2 2 0 002 2z" }) }),
         "Copy"
       ] })
     ] }),
-    /* @__PURE__ */ e("div", { ref: r, className: "gx-console-body", children: n.length === 0 ? /* @__PURE__ */ e("div", { className: "gx-console-empty", children: "No logs yet..." }) : n.map((s, c) => /* @__PURE__ */ e("div", { className: "gx-console-line", children: s }, c)) })
+    /* @__PURE__ */ e("div", { ref: r, className: "gx-console-body", children: n.length === 0 ? /* @__PURE__ */ e("div", { className: "gx-console-empty", children: "No logs yet..." }) : n.map((c, t) => /* @__PURE__ */ e("div", { className: "gx-console-line", children: c }, t)) })
   ] });
 }
 function R({
@@ -183,33 +183,33 @@ function R({
   onFilesChange: a,
   disabled: o = !1,
   multiple: r = !0,
-  accept: t = ".fasta,.fa,.fna,.fsa,.fasta.gz,.fa.gz,.fna.gz",
+  accept: s = ".fasta,.fa,.fna,.fsa,.fasta.gz,.fa.gz,.fna.gz",
   label: i = "Drop files here or click to browse",
-  hint: s,
-  filterFn: c
+  hint: c,
+  filterFn: t
 }) {
   const m = x(
     (d) => {
       if (!d.target.files) return;
       let h = Array.from(d.target.files);
-      c && (h = h.filter(c)), h.length > 0 && a(h);
+      t && (h = h.filter(t)), h.length > 0 && a(h);
     },
-    [a, c]
-  ), b = x(
+    [a, t]
+  ), w = x(
     (d) => {
       if (d.preventDefault(), !d.dataTransfer.files) return;
       let h = Array.from(d.dataTransfer.files);
-      c && (h = h.filter(c)), h.length > 0 && a(h);
+      t && (h = h.filter(t)), h.length > 0 && a(h);
     },
-    [a, c]
+    [a, t]
   );
-  return /* @__PURE__ */ e("div", { className: "gx-file-upload", onDrop: b, onDragOver: (d) => d.preventDefault(), children: /* @__PURE__ */ l("label", { className: "gx-file-upload-area", children: [
+  return /* @__PURE__ */ e("div", { className: "gx-file-upload", onDrop: w, onDragOver: (d) => d.preventDefault(), children: /* @__PURE__ */ l("label", { className: "gx-file-upload-area", children: [
     /* @__PURE__ */ e(
       "input",
       {
         type: "file",
         multiple: r,
-        accept: t,
+        accept: s,
         onChange: m,
         disabled: o
       }
@@ -234,7 +234,7 @@ function R({
     ),
     n.length === 0 ? /* @__PURE__ */ l(p, { children: [
       /* @__PURE__ */ e("div", { className: "gx-file-upload-label", children: i }),
-      s && /* @__PURE__ */ e("div", { className: "gx-file-upload-hint", children: s })
+      c && /* @__PURE__ */ e("div", { className: "gx-file-upload-hint", children: c })
     ] }) : /* @__PURE__ */ l(p, { children: [
       /* @__PURE__ */ l("div", { className: "gx-file-upload-label", children: [
         n.length,
@@ -267,26 +267,26 @@ const A = "https://static.genomicx.org/wasm", u = /* @__PURE__ */ new Map();
 async function $(n, a = A) {
   const o = `${a}/${n}`;
   if (u.has(o)) return u.get(o);
-  const [r, t] = await Promise.all([
+  const [r, s] = await Promise.all([
     fetch(`${a}/${n}.js`),
     fetch(`${a}/${n}.wasm`)
   ]);
   if (!r.ok) throw new Error(`Failed to fetch ${n}.js: ${r.status}`);
-  if (!t.ok) throw new Error(`Failed to fetch ${n}.wasm: ${t.status}`);
-  const [i, s] = await Promise.all([
+  if (!s.ok) throw new Error(`Failed to fetch ${n}.wasm: ${s.status}`);
+  const [i, c] = await Promise.all([
     r.text(),
-    t.arrayBuffer()
-  ]), m = { factory: new Function("Module", i + "; return Module;")({}), wasmBinary: s };
+    s.arrayBuffer()
+  ]), m = { factory: new Function("Module", i + "; return Module;")({}), wasmBinary: c };
   return u.set(o, m), m;
 }
 async function S(n, a) {
-  const { factory: o, wasmBinary: r } = await $(n, a), t = [], i = [], s = await o({
+  const { factory: o, wasmBinary: r } = await $(n, a), s = [], i = [], c = await o({
     wasmBinary: r.slice(0),
-    print: (c) => t.push(c),
-    printErr: (c) => i.push(c),
+    print: (t) => s.push(t),
+    printErr: (t) => i.push(t),
     noInitialRun: !0
   });
-  return s._stdout = t, s._stderr = i, s;
+  return c._stdout = s, c._stderr = i, c;
 }
 function k(n, a) {
   const o = URL.createObjectURL(n), r = document.createElement("a");

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@genomicx/ui",
-  "version": "0.7.0",
+  "version": "0.7.1",
   "description": "Shared UI components, styles, and WASM loader for GenomicX tools",
   "type": "module",
   "main": "./dist/index.js",