@luxfi/ui 8.2.7 → 8.2.8

package/dist/icon-button.cjs

@@ -2,7 +2,7 @@
 
 var gui = require('@hanzo/gui');
 var React = require('react');
-var ui = require('@hanzo/ui');
+var skeleton_js = require('./skeleton.js');
 var jsxRuntime = require('react/jsx-runtime');
 
 function _interopNamespace(e) {
@@ -26,60 +26,6 @@ function _interopNamespace(e) {
 var React__namespace = /*#__PURE__*/_interopNamespace(React);
 
 // src/icon-button.tsx
-var SKELETON_CLASSES = "lux-skeleton rounded-sm";
-var Skeleton = React__namespace.forwardRef(
-  function Skeleton2(props, ref) {
-    const { loading = true, asChild, className, children, style, ...rest } = props;
-    if (!loading) {
-      if (asChild && React__namespace.isValidElement(children)) return children;
-      return /* @__PURE__ */ jsxRuntime.jsx(ui.Box, { ref, className, style, ...rest, children });
-    }
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      "div",
-      {
-        ref,
-        "data-loading": true,
-        ...ui.sx(
-          SKELETON_CLASSES,
-          asChild || children ? "[&_*]:invisible" : "min-h-5",
-          className
-        ),
-        style,
-        ...rest,
-        children
-      }
-    );
-  }
-);
-React__namespace.forwardRef(
-  function SkeletonCircle2(props, ref) {
-    const { size = 40, loading = true, className, ...rest } = props;
-    const dimension = typeof size === "number" ? `${size}px` : size;
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      Skeleton,
-      {
-        ref,
-        loading,
-        ...ui.sx("rounded-full shrink-0", className),
-        style: { width: dimension, height: dimension, ...rest.style },
-        ...rest
-      }
-    );
-  }
-);
-React__namespace.forwardRef(
-  function SkeletonText2(props, ref) {
-    const { noOfLines = 3, loading = true, className, ...rest } = props;
-    return /* @__PURE__ */ jsxRuntime.jsx(ui.Box, { ref, className: ui.cn("flex w-full flex-col gap-2", className), ...rest, children: Array.from({ length: noOfLines }).map((_, index) => /* @__PURE__ */ jsxRuntime.jsx(
-      Skeleton,
-      {
-        loading,
-        ...ui.sx(ui.cn("h-4", index === noOfLines - 1 && "max-w-[80%]"))
-      },
-      index
-    )) });
-  }
-);
 var IconButtonFrame = gui.styled(gui.View, {
   name: "LuxIconButton",
   render: /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button" }),
@@ -220,7 +166,7 @@ var IconButton = React__namespace.forwardRef(
       }
     );
     if (loadingSkeleton) {
-      return /* @__PURE__ */ jsxRuntime.jsx(Skeleton, { loading: loadingSkeleton, asChild: true, ref, children: button });
+      return /* @__PURE__ */ jsxRuntime.jsx(skeleton_js.Skeleton, { loading: loadingSkeleton, asChild: true, ref, children: button });
     }
     return button;
   }

package/dist/icon-button.js

@@ -1,63 +1,9 @@
 import { styled, View } from '@hanzo/gui';
 import * as React from 'react';
-import { Box, sx, cn } from '@hanzo/ui';
+import { Skeleton } from './skeleton.js';
 import { jsx } from 'react/jsx-runtime';
 
 // src/icon-button.tsx
-var SKELETON_CLASSES = "lux-skeleton rounded-sm";
-var Skeleton = React.forwardRef(
-  function Skeleton2(props, ref) {
-    const { loading = true, asChild, className, children, style, ...rest } = props;
-    if (!loading) {
-      if (asChild && React.isValidElement(children)) return children;
-      return /* @__PURE__ */ jsx(Box, { ref, className, style, ...rest, children });
-    }
-    return /* @__PURE__ */ jsx(
-      "div",
-      {
-        ref,
-        "data-loading": true,
-        ...sx(
-          SKELETON_CLASSES,
-          asChild || children ? "[&_*]:invisible" : "min-h-5",
-          className
-        ),
-        style,
-        ...rest,
-        children
-      }
-    );
-  }
-);
-React.forwardRef(
-  function SkeletonCircle2(props, ref) {
-    const { size = 40, loading = true, className, ...rest } = props;
-    const dimension = typeof size === "number" ? `${size}px` : size;
-    return /* @__PURE__ */ jsx(
-      Skeleton,
-      {
-        ref,
-        loading,
-        ...sx("rounded-full shrink-0", className),
-        style: { width: dimension, height: dimension, ...rest.style },
-        ...rest
-      }
-    );
-  }
-);
-React.forwardRef(
-  function SkeletonText2(props, ref) {
-    const { noOfLines = 3, loading = true, className, ...rest } = props;
-    return /* @__PURE__ */ jsx(Box, { ref, className: cn("flex w-full flex-col gap-2", className), ...rest, children: Array.from({ length: noOfLines }).map((_, index) => /* @__PURE__ */ jsx(
-      Skeleton,
-      {
-        loading,
-        ...sx(cn("h-4", index === noOfLines - 1 && "max-w-[80%]"))
-      },
-      index
-    )) });
-  }
-);
 var IconButtonFrame = styled(View, {
   name: "LuxIconButton",
   render: /* @__PURE__ */ jsx("button", { type: "button" }),

package/dist/identity.cjs

@@ -1,9 +1,9 @@
 'use client';
 'use strict';
 
-var React2 = require('react');
-require('@hanzo/gui');
-var reactQuery = require('@tanstack/react-query');
+var React = require('react');
+var iam_js = require('./iam.js');
+var provider_js = require('./provider.js');
 var jsxRuntime = require('react/jsx-runtime');
 
 function _interopNamespace(e) {
@@ -24,222 +24,8 @@ function _interopNamespace(e) {
   return Object.freeze(n);
 }
 
-var React2__namespace = /*#__PURE__*/_interopNamespace(React2);
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
 
-// src/white-label.ts
-var LUX_BRAND = {
-  lux: "#7000FF",
-  zoo: "#6C5EFB",
-  hanzo: "#EA580C",
-  pars: "#1C3879"};
-var PARS_GOLD = "#C8A45C";
-var ORGS = {
-  lux: {
-    org: "lux",
-    name: "Lux",
-    domain: "lux.network",
-    iamDomain: "lux.id",
-    accent: LUX_BRAND.lux,
-    accentForeground: "#FFFFFF"
-  },
-  zoo: {
-    org: "zoo",
-    name: "Zoo",
-    domain: "zoo.ngo",
-    // Zoo's issuer is `zoolabs.id` — the one row where it is not `<org>.id`,
-    // and the one every hand-rolled branding map gets wrong. `id.zoo.network`
-    // ANSWERS, which is why it keeps being copied around, but it is an alias:
-    // its own discovery document advertises
-    //   issuer                  https://zoolabs.id
-    //   authorization_endpoint  https://zoolabs.id/v1/iam/oauth/authorize
-    //   jwks_uri                https://zoolabs.id/v1/iam/.well-known/jwks
-    // so a client configured on the alias validates `iss` against a string the
-    // IdP never emits and rejects every token it is given — the exact shape of
-    // the lux.id outage. `zoo.id` is not an IdP at all (no discovery document).
-    iamDomain: "zoolabs.id",
-    accent: LUX_BRAND.zoo,
-    accentForeground: "#FFFFFF"
-  },
-  bootnode: {
-    org: "bootnode",
-    name: "Bootnode",
-    domain: "bootno.de",
-    iamDomain: "id.bootno.de",
-    accent: LUX_BRAND.lux,
-    accentForeground: "#FFFFFF"
-  },
-  hanzo: {
-    org: "hanzo",
-    name: "Hanzo",
-    domain: "hanzo.ai",
-    iamDomain: "hanzo.id",
-    accent: LUX_BRAND.hanzo,
-    accentForeground: "#FFFFFF"
-  },
-  pars: {
-    org: "pars",
-    name: "Pars",
-    domain: "pars.id",
-    iamDomain: "pars.id",
-    accent: LUX_BRAND.pars,
-    accentForeground: PARS_GOLD
-  }
-};
-var DOMAIN_ORG = [
-  ["lux.network", "lux"],
-  ["lux.cloud", "lux"],
-  ["lux.id", "lux"],
-  ["lux.finance", "lux"],
-  ["lux.market", "lux"],
-  ["lux.exchange", "lux"],
-  ["zoo.ngo", "zoo"],
-  ["zoo.network", "zoo"],
-  ["zoo.cloud", "zoo"],
-  ["zoolabs.id", "zoo"],
-  ["hanzo.ai", "hanzo"],
-  ["hanzo.cloud", "hanzo"],
-  ["hanzo.id", "hanzo"],
-  ["pars.id", "pars", "app"],
-  ["pars.network", "pars", "app"],
-  ["parsdao.org", "pars", "app"],
-  ["bootno.de", "bootnode", "platform"]
-];
-var DEFAULT_ORG = "lux";
-function normalizeHost(host) {
-  const noPort = host.trim().toLowerCase().split(":")[0] ?? "";
-  return noPort.replace(/\.$/, "");
-}
-function isUnder(host, domain) {
-  return host === domain || host.endsWith(`.${domain}`);
-}
-function matchDomain(host) {
-  let best;
-  for (const entry of DOMAIN_ORG) {
-    if (isUnder(host, entry[0]) && (!best || entry[0].length > best[0].length)) {
-      best = entry;
-    }
-  }
-  return best;
-}
-function appSlug(host, domain, pinned) {
-  if (pinned) return pinned;
-  const sub = host === domain ? "" : host.slice(0, -(domain.length + 1));
-  const leftmost = sub.split(".")[0] ?? "";
-  if (leftmost && leftmost !== "www") return leftmost;
-  const label = domain.split(".")[0] ?? "";
-  const tld = domain.split(".").slice(1).join(".");
-  return tld.split(".")[0] || label;
-}
-function isLocal(host) {
-  return host === "localhost" || host.endsWith(".localhost") || host === "127.0.0.1" || host === "0.0.0.0" || host === "[::1]" || host.endsWith(".local");
-}
-function resolveWhiteLabel(host) {
-  const h = normalizeHost(host ?? "");
-  const match = h ? matchDomain(h) : void 0;
-  const org = match ? match[1] : DEFAULT_ORG;
-  const identity = ORGS[org];
-  const app = match ? appSlug(h, match[0], match[2]) : h && isLocal(h) ? "local" : "app";
-  return {
-    ...identity,
-    host: h,
-    app,
-    theme: `dark_${org}`,
-    issuer: `https://${identity.iamDomain}`,
-    clientId: `${org}-${app}`
-  };
-}
-
-// src/iam.ts
-var IamError = class extends Error {
-  constructor(message, status, unauthenticated) {
-    super(message);
-    this.name = "IamError";
-    this.status = status;
-    this.unauthenticated = unauthenticated;
-  }
-};
-var SIGNED_OUT = /please sign in|authentication required|unauthorized/i;
-function isSignedOut(status, msg) {
-  return status === 401 || SIGNED_OUT.test(msg);
-}
-function iamBase(host) {
-  const wl = typeof host === "object" && host !== null ? host : resolveWhiteLabel(host);
-  return `${wl.issuer}/v1/iam`;
-}
-async function read(call, verb, params) {
-  const url = new URL(`${call.base}/${verb}`);
-  for (const [k, v] of Object.entries(params)) url.searchParams.set(k, String(v));
-  let res;
-  try {
-    res = await fetch(url.toString(), {
-      method: "GET",
-      // The bearer is the whole credential. IAM does not allow credentialed
-      // CORS, so sending cookies would only get the response blocked.
-      headers: call.token ? { Authorization: `Bearer ${call.token}` } : {},
-      signal: call.signal
-    });
-  } catch (e) {
-    throw new IamError(e instanceof Error ? e.message : "IAM unreachable", 0, false);
-  }
-  const body = await res.json().catch(() => ({}));
-  const msg = typeof body.msg === "string" ? body.msg : "";
-  if (!res.ok || body.status === "error") {
-    throw new IamError(msg || `IAM ${verb} failed (${res.status})`, res.status, isSignedOut(res.status, msg));
-  }
-  return body.data;
-}
-var IAM_PAGE_SIZE = 20;
-var iam = {
-  /** The signed-in principal, or null when there is no session. */
-  async account(call) {
-    try {
-      const data = await read(call, "get-account", {});
-      return data && data.name ? data : null;
-    } catch (e) {
-      if (e instanceof IamError && e.unauthenticated) return null;
-      throw e;
-    }
-  },
-  /**
-   * One page of the orgs the principal can see. IAM scopes the read to the
-   * caller's authority, so a normal member gets their own org and a super
-   * admin gets the tenant list — the page never has to decide.
-   */
-  async organizations(call, page = 0, query = "", pageSize = IAM_PAGE_SIZE) {
-    const params = {
-      owner: "admin",
-      // IAM orgs live under the reserved `admin` owner
-      p: page + 1,
-      // the backend page is 1-based
-      pageSize,
-      sortField: "name",
-      sortOrder: "ascending"
-    };
-    const q = query.trim();
-    if (q) {
-      params.field = "name";
-      params.value = q;
-    }
-    return await read(call, "get-organizations", params) ?? [];
-  },
-  /** One organization by name. */
-  async organization(call, name) {
-    return await read(call, "get-organization", { id: `admin/${name}` }) ?? null;
-  },
-  /** Members of an organization. */
-  async users(call, org) {
-    return await read(call, "get-users", { owner: org }) ?? [];
-  },
-  /** The organization's projects — IAM keys this read by `organization`. */
-  async projects(call, org) {
-    return await read(call, "get-organization-projects", { organization: org }) ?? [];
-  }
-};
-new reactQuery.QueryClient({
-  defaultOptions: { queries: { refetchOnWindowFocus: false, retry: 1, staleTime: 3e4 } }
-});
-var WhiteLabelContext = React2__namespace.default.createContext(resolveWhiteLabel(""));
-var useWhiteLabel = () => React2__namespace.default.useContext(WhiteLabelContext);
 var IAM_TOKEN_KEY = "hanzo_iam_access_token";
 function storedToken() {
   if (typeof window === "undefined") return null;
@@ -280,23 +66,23 @@ function writeScope(host, kind, value) {
   } catch {
   }
 }
-var IdentityContext = React2__namespace.createContext(null);
+var IdentityContext = React__namespace.createContext(null);
 var IdentityProvider = ({
   children,
   auth = defaultAuth,
   loginPath = "/login"
 }) => {
-  const whiteLabel = useWhiteLabel();
-  const base = React2__namespace.useMemo(() => iamBase(whiteLabel), [whiteLabel]);
-  const [status, setStatus] = React2__namespace.useState("loading");
-  const [account, setAccount] = React2__namespace.useState(null);
-  const [orgs, setOrgs] = React2__namespace.useState([]);
-  const [projects, setProjects] = React2__namespace.useState([]);
-  const [error, setError] = React2__namespace.useState(null);
-  const [orgName, setOrgName] = React2__namespace.useState(null);
-  const [projectName, setProjectName] = React2__namespace.useState(null);
-  const [epoch, setEpoch] = React2__namespace.useState(0);
-  React2__namespace.useEffect(() => {
+  const whiteLabel = provider_js.useWhiteLabel();
+  const base = React__namespace.useMemo(() => iam_js.iamBase(whiteLabel), [whiteLabel]);
+  const [status, setStatus] = React__namespace.useState("loading");
+  const [account, setAccount] = React__namespace.useState(null);
+  const [orgs, setOrgs] = React__namespace.useState([]);
+  const [projects, setProjects] = React__namespace.useState([]);
+  const [error, setError] = React__namespace.useState(null);
+  const [orgName, setOrgName] = React__namespace.useState(null);
+  const [projectName, setProjectName] = React__namespace.useState(null);
+  const [epoch, setEpoch] = React__namespace.useState(0);
+  React__namespace.useEffect(() => {
     const ac = new AbortController();
     let live = true;
     void (async () => {
@@ -310,7 +96,7 @@ var IdentityProvider = ({
       }
       const call = { base, token, signal: ac.signal };
       try {
-        const me = await iam.account(call);
+        const me = await iam_js.iam.account(call);
         if (!live) return;
         if (!me) {
           setStatus("anonymous");
@@ -319,8 +105,8 @@ var IdentityProvider = ({
           return;
         }
         setAccount(me);
-        const rows = await iam.organizations(call).catch((e) => {
-          if (e instanceof IamError && !e.unauthenticated) return [{ owner: "admin", name: me.owner }];
+        const rows = await iam_js.iam.organizations(call).catch((e) => {
+          if (e instanceof iam_js.IamError && !e.unauthenticated) return [{ owner: "admin", name: me.owner }];
           throw e;
         });
         if (!live) return;
@@ -329,7 +115,7 @@ var IdentityProvider = ({
         setError(null);
       } catch (e) {
         if (!live || ac.signal.aborted) return;
-        if (e instanceof IamError && e.unauthenticated) {
+        if (e instanceof iam_js.IamError && e.unauthenticated) {
           setStatus("anonymous");
           setAccount(null);
           setOrgs([]);
@@ -344,12 +130,12 @@ var IdentityProvider = ({
       ac.abort();
     };
   }, [base, auth, epoch]);
-  const org = React2__namespace.useMemo(() => {
+  const org = React__namespace.useMemo(() => {
     if (orgs.length === 0) return null;
     const saved = orgName ?? readScope(whiteLabel.host, "org");
     return orgs.find((o) => o.name === saved) ?? orgs.find((o) => o.name === account?.owner) ?? orgs[0];
   }, [orgs, orgName, account, whiteLabel.host]);
-  React2__namespace.useEffect(() => {
+  React__namespace.useEffect(() => {
     if (!org) {
       setProjects([]);
       return;
@@ -359,7 +145,7 @@ var IdentityProvider = ({
     void (async () => {
       const token = await (auth.token ?? storedToken)();
       if (!live || !token) return;
-      const rows = await iam.projects({ base, token, signal: ac.signal }, org.name).catch(() => []);
+      const rows = await iam_js.iam.projects({ base, token, signal: ac.signal }, org.name).catch(() => []);
       if (live) setProjects(rows);
     })();
     return () => {
@@ -367,12 +153,12 @@ var IdentityProvider = ({
       ac.abort();
     };
   }, [base, auth, org, epoch]);
-  const project = React2__namespace.useMemo(() => {
+  const project = React__namespace.useMemo(() => {
     if (projects.length === 0) return null;
     const saved = projectName ?? readScope(whiteLabel.host, "project");
     return projects.find((p) => p.name === saved) ?? projects.find((p) => p.isDefault) ?? projects[0];
   }, [projects, projectName, whiteLabel.host]);
-  const value = React2__namespace.useMemo(() => ({
+  const value = React__namespace.useMemo(() => ({
     status,
     account,
     orgs,
@@ -404,9 +190,9 @@ var IdentityProvider = ({
   return /* @__PURE__ */ jsxRuntime.jsx(IdentityContext.Provider, { value, children });
 };
 function useIdentity() {
-  const ctx = React2__namespace.useContext(IdentityContext);
-  const whiteLabel = useWhiteLabel();
-  const fallback = React2__namespace.useMemo(() => ({
+  const ctx = React__namespace.useContext(IdentityContext);
+  const whiteLabel = provider_js.useWhiteLabel();
+  const fallback = React__namespace.useMemo(() => ({
     status: "anonymous",
     account: null,
     orgs: [],