@hanzo/rooms 0.1.0 → 0.1.1

package/dist/Directory.js

@@ -85,15 +85,18 @@ const ENDPOINT = {
  * provider the registry publishes is always drawn.
  */
 const LEAD = ['tiktok', 'instagram', 'linkedin', 'slack', 'x', 'whatsapp', 'discord', 'telegram', 'facebook', 'teams', 'threads', 'youtube'];
-/** The host's published integrations, as directory rows. Real, public, counted. */
-const apps = () => (where().integrations ?? []).map((i) => ({
+/** The host's published integrations, as directory rows. Real, public, counted. Read once. */
+let listing = null;
+const apps = () => (listing ??= (where().integrations?.() ?? Promise.resolve([]))
+    .then((all) => all.map((i) => ({
     id: i.slug,
     name: i.name,
     publisher: i.creator,
     // The catalog's own sentence, trimmed to the card's two lines.
     description: i.description.split('. ')[0] + '.',
     kind: 'native',
-}));
+})))
+    .catch(() => []));
 const CHANNELS_CATALOG = [
     { id: 'slack', name: 'Slack', publisher: 'Hanzo Auto', description: 'Bidirectional sync with FoundationDAO & workspace Slack channels and threads.', kind: 'native', available: true, connected: true },
     { id: 'discord', name: 'Discord', publisher: 'Hanzo Auto', description: 'Bot and webhook integration for community server announcements and chat.', kind: 'native', available: true, connected: true },
@@ -131,7 +134,7 @@ const SKILLS_CATALOG = [
 function catalogFor(tab) {
     switch (tab) {
         case 'apps':
-            return apps();
+            return [];
         case 'channels':
             return CHANNELS_CATALOG;
         case 'plugins':
@@ -228,14 +231,20 @@ export function Catalog({ tab }) {
         // also mark which providers the org has actually connected, from the one
         // read that names them.
         if (tab === 'apps') {
+            apps().then((list) => {
+                if (live)
+                    setRows(list);
+            });
             if (auth) {
-                fetch(`${api()}/v1/integrations/connectors`, { headers: auth })
-                    .then((r) => (r.ok ? r.json() : null))
-                    .then((j) => {
+                Promise.all([
+                    apps(),
+                    fetch(`${api()}/v1/integrations/connectors`, { headers: auth }).then((r) => (r.ok ? r.json() : null)),
+                ])
+                    .then(([list, j]) => {
                     if (!live || !j?.connectors)
                         return;
                     const on = new Set(j.connectors.map((c) => String(c.provider)));
-                    setRows(apps().map((a) => (on.has(a.id) ? { ...a, connected: true } : a)));
+                    setRows(list.map((a) => (on.has(a.id) ? { ...a, connected: true } : a)));
                 })
                     .catch(() => { });
             }

package/dist/Orgs.js

@@ -56,9 +56,10 @@ function checkout(plan) {
 export function Orgs({ children, front = false, forward, signup = false, }) {
     const hydrated = useHydrated();
     const { isAuthenticated, isLoading, accessToken } = useIam();
-    const { Landing, Signup } = where();
-    // The front door's own flow: naming a team, inviting it, the per-seat plan.
-    const door = front || signup;
+    const { Landing, Signup, team } = where();
+    // The front door's own flow: naming a team, inviting it, the per-seat plan —
+    // at hanzo.ai's Home and /start, and in every room of hanzo.team.
+    const door = front || signup || Boolean(team);
     const arriving = useArrival(door, hydrated, isLoading, isAuthenticated);
     const members = useMemo(() => claimed(), [accessToken]); // eslint-disable-line react-hooks/exhaustive-deps
     const [current, setCurrent] = useState(() => org());
@@ -302,7 +303,7 @@ function Step({ at, of }) {
     return (_jsxs(Text, { render: "p", mb: 10, fontSize: "$2", fontFamily: "$mono", color: "$soft", children: ["Step ", at, " of ", of] }));
 }
 function Brand() {
-    return (_jsx(Text, { fontSize: "$6", fontWeight: "500", mb: 28, color: "var(--foreground)", children: "Hanzo" }));
+    return (_jsx(Text, { fontSize: "$6", fontWeight: "500", mb: 28, color: "var(--foreground)", children: where().brand ?? 'Hanzo' }));
 }
 /** The free rung's name in the billing catalog. */
 const FREE_TIER = 'free';

package/dist/ProviderMark.js

@@ -1,4 +1,3 @@
-'use client';
 import { jsx as _jsx } from "react/jsx-runtime";
 /**
  * A lab's brand mark, or one of ours, painted in the current text colour.
@@ -25,9 +24,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
  * substitute for a logo that exists: of the labs on the endpoint today, only the
  * community fine-tuners and a handful of new labs reach it.
  */
-// A client boundary of its own, with one export: a server page that draws a
-// mark loads this module, not the whole @hanzo/ui barrel behind it.
-import { Text, View } from '@hanzo/ui';
+import { Text, View } from './ui.js';
 import { getOrgAndSlug, orgDisplayName } from './lib/models.js';
 import { ENSO_MARK, MARK_PATHS } from '@hanzo/logo/logos';
 import { siAdroll, siCloudflare, siDiscord, siFacebook, siFarcaster, siGithub, siGitlab, siGoogleads, siGooglechrome, siInstagram, siMeta, siPinterest, siReddit, siTelegram, siThreads, siTiktok, siTwitch, siWhatsapp, siX, siYoutube, } from 'simple-icons';

package/dist/Shell.js

@@ -127,7 +127,9 @@ const HOME = {
     get route() {
         return where().home;
     },
-    title: "Hanzo",
+    get title() {
+        return where().brand ?? "Hanzo";
+    },
     label: "Home",
     // The chat bubble. Home IS the conversation with the org — the rooms it talks
     // in and the people in them — so it is drawn as one. It shared this glyph with

package/dist/lib/tags.d.ts

@@ -23,5 +23,5 @@ export declare function attach(client: Analytics): void;
 export declare function link(url: string): string;
 /** `link` for the redirect to IAM: the same, and the queue is sent before the page leaves. */
 export declare function authorize(url: string): string;
-/** One funnel moment, to every place it is counted, under one event_id. */
+/** One funnel moment, to every place it is counted, under one event_id: the host's own call where it states one. */
 export declare function track(name: string, params?: Record<string, unknown>): void;

package/dist/lib/tags.js

@@ -10,6 +10,7 @@
  * page's one client, from inside its provider.
  */
 import { mirror, startTags, tagsReady, track as fire, visit } from '@hanzo/event';
+import { where } from '../where.js';
 export { mirror, startTags, tagsReady, visit };
 /** The sites one visit can cross; GA4 keeps it one session across them. */
 export const DOMAINS = [
@@ -40,7 +41,11 @@ export function link(url) {
 export function authorize(url) {
     return stream ? stream.authorize(url) : url;
 }
-/** One funnel moment, to every place it is counted, under one event_id. */
+/** One funnel moment, to every place it is counted, under one event_id: the host's own call where it states one. */
 export function track(name, params = {}) {
-    fire(stream, name, params);
+    const own = where().track;
+    if (own)
+        own(name, params);
+    else
+        fire(stream, name, params);
 }

package/dist/ui.d.ts

@@ -0,0 +1,10 @@
+/**
+ * @hanzo/ui, for the modules here that a server component renders.
+ *
+ * The package's root barrel re-exports its whole surface, and a server
+ * component that reaches it registers every 'use client' module behind it as a
+ * client entry of the route — 81 KB on a model page. Through this module the
+ * server sees one client reference, and the client keeps only what is named.
+ * Rooms are client components and import `@hanzo/ui` directly.
+ */
+export { Text, View } from '@hanzo/ui';

package/dist/ui.js

@@ -0,0 +1,11 @@
+'use client';
+/**
+ * @hanzo/ui, for the modules here that a server component renders.
+ *
+ * The package's root barrel re-exports its whole surface, and a server
+ * component that reaches it registers every 'use client' module behind it as a
+ * client entry of the route — 81 KB on a model page. Through this module the
+ * server sees one client reference, and the client keeps only what is named.
+ * Rooms are client components and import `@hanzo/ui` directly.
+ */
+export { Text, View } from '@hanzo/ui';

package/dist/where.d.ts

@@ -25,12 +25,18 @@ export interface Addresses {
     home: string;
     /** Where a new account starts: `/signup`, or hanzo.team's `/start`. */
     signUp: string;
+    /** The product's name where the rooms print it: Home's title, the setup's wordmark. Default `Hanzo`. */
+    brand?: string;
     /** The publishable key anonymous calls carry. */
     key?: string;
     /** The plan catalogue as the host's build last read it: the first paint. */
     plans?: BillingPlan[];
-    /** The SDKs and frameworks Directory lists, which the host publishes. */
-    integrations?: Integration[];
+    /**
+     * The SDKs and frameworks Directory lists, which the host publishes. A loader,
+     * so the catalogue — every guide's code, and the model counts it quotes — is
+     * fetched when Directory's Apps tab opens, not on every page the rooms frame.
+     */
+    integrations?: () => Promise<Integration[]>;
     /**
      * The host's front door, for a workspace rooted at `/` (hanzo.team): what a
      * stranger at Home is shown instead of the sign-in, and the business sign-up
@@ -40,12 +46,23 @@ export interface Addresses {
         member?: boolean;
     }>;
     Signup?: ComponentType;
+    /**
+     * The rooms are hanzo.team's: every room is behind the per-seat Team plan,
+     * and an organization is founded through the team's setup, never the create
+     * dialog a person on hanzo.ai uses.
+     */
+    team?: boolean;
+    /**
+     * The host's funnel call, for a host that counts moments in tags of its own
+     * (hanzo.team's GA4 and Pixel boot). Unset, a moment goes to @hanzo/event's
+     * tag manager.
+     */
+    track?: (name: string, params: Record<string, unknown>) => void;
 }
 /**
  * State the host's addresses, at module scope, before anything renders. Each
  * call adds to what is stated, so a host can name its cheap addresses at its
- * root and the heavy ones (the plan catalogue, the integrations) only where the
- * rooms are drawn.
+ * root and the heavier ones only where the rooms are drawn.
  */
 export declare function configure(given: Partial<Addresses>): void;
 /** The host's addresses, for code that runs outside a component. */

package/dist/where.js

@@ -2,8 +2,7 @@ let addresses = { site: '', home: '/home', signUp: '/signup' };
 /**
  * State the host's addresses, at module scope, before anything renders. Each
  * call adds to what is stated, so a host can name its cheap addresses at its
- * root and the heavy ones (the plan catalogue, the integrations) only where the
- * rooms are drawn.
+ * root and the heavier ones only where the rooms are drawn.
  */
 export function configure(given) {
     addresses = { ...addresses, ...given };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hanzo/rooms",
-  "version": "0.1.0",
+  "version": "0.1.1",
   "description": "The workspace rooms — Home, Chat, Inbox, Contacts, Meet, Cal, Drive, Board, Work, Bots — and the frame that holds them, once, for every Hanzo surface.",
   "type": "module",
   "main": "./dist/index.js",
@@ -102,7 +102,7 @@
     "gen": "node scripts/team.mjs",
     "build": "rm -rf dist && node scripts/team.mjs && tsc -p tsconfig.build.json && node scripts/specifiers.mjs",
     "typecheck": "tsc --noEmit",
-    "test": "vitest run --passWithNoTests",
+    "test": "vitest run",
     "lint:design": "hanzo-design-lint src"
   }
 }