everything-dev 0.3.2 → 1.3.2

package/src/ui/runtime.ts

@@ -1,35 +1,84 @@
+import { getNetworkIdForAccount } from "../network";
 import type { ClientRuntimeConfig } from "../types";
 
+export type { ClientRuntimeInfo } from "../types";
+
 declare global {
   interface Window {
     __RUNTIME_CONFIG__?: ClientRuntimeConfig;
   }
 }
 
-export function getRuntimeConfig(): ClientRuntimeConfig | undefined {
-  if (typeof window === "undefined") return undefined;
+export function getRuntimeConfig(): ClientRuntimeConfig {
+  if (typeof window === "undefined") {
+    throw new Error("Runtime config is only available in the browser");
+  }
+
+  if (!window.__RUNTIME_CONFIG__) {
+    throw new Error("Missing runtime config");
+  }
+
   return window.__RUNTIME_CONFIG__;
 }
 
-export function getAssetsUrl(config?: ClientRuntimeConfig): string {
+export function getActiveRuntime(runtimeConfig?: Partial<ClientRuntimeConfig>) {
+  return runtimeConfig?.runtime;
+}
+
+export function getRuntimeBasePath(runtimeConfig?: Partial<ClientRuntimeConfig>) {
+  return getActiveRuntime(runtimeConfig)?.runtimeBasePath || "/";
+}
+
+export function buildRuntimeHref(pathname: string, runtimeConfig?: Partial<ClientRuntimeConfig>) {
+  const basePath = getRuntimeBasePath(runtimeConfig);
+  if (basePath === "/") {
+    return pathname;
+  }
+
+  if (!pathname.startsWith("/")) {
+    return `${basePath}/${pathname}`;
+  }
+
+  return pathname === "/" ? basePath : `${basePath}${pathname}`;
+}
+
+export function buildPublishedAccountHref(accountId: string) {
+  return `/apps/${encodeURIComponent(accountId)}`;
+}
+
+export function buildPublishedGatewayHref(accountId: string, gatewayId: string) {
+  return `${buildPublishedAccountHref(accountId)}/${encodeURIComponent(gatewayId)}`;
+}
+
+export function getAssetsUrl(config?: Partial<ClientRuntimeConfig>): string {
   const cfg = config ?? getRuntimeConfig();
   return cfg?.assetsUrl ?? "";
 }
 
-export function getHostUrl(config?: ClientRuntimeConfig): string {
+export function getHostUrl(config?: Partial<ClientRuntimeConfig>): string {
   const cfg = config ?? getRuntimeConfig();
   if (typeof window === "undefined") return "";
   return cfg?.hostUrl ?? window.location.origin;
 }
 
-export function getApiBaseUrl(config?: ClientRuntimeConfig): string {
+export function getApiBaseUrl(config?: Partial<ClientRuntimeConfig>): string {
   const cfg = config ?? getRuntimeConfig();
   const base = cfg?.rpcBase;
   if (typeof window === "undefined") return "/api/rpc";
   return base ? `${window.location.origin}${base}` : `${window.location.origin}/api/rpc`;
 }
 
-export function getAccount(config?: ClientRuntimeConfig): string {
+export function getAccount(config?: Partial<ClientRuntimeConfig>): string {
   const cfg = config ?? getRuntimeConfig();
   return cfg?.account ?? "every.near";
 }
+
+export function getNetworkId(config?: Partial<ClientRuntimeConfig>): "mainnet" | "testnet" {
+  const cfg = config ?? getRuntimeConfig();
+  return cfg?.networkId ?? getNetworkIdForAccount(cfg?.account ?? "every.near");
+}
+
+export function getRepository(config?: Partial<ClientRuntimeConfig>): string | undefined {
+  const cfg = config ?? getRuntimeConfig();
+  return cfg?.repository;
+}

package/src/ui/types.ts

@@ -2,15 +2,22 @@ import type { QueryClient } from "@tanstack/react-query";
 import type { AnyRouteMatch, AnyRouter, RouterHistory } from "@tanstack/react-router";
 import type { ClientRuntimeConfig } from "../types";
 
-export interface RouterContext {
+export interface RouterContext<TSession = unknown> {
   queryClient: QueryClient;
   assetsUrl: string;
-  runtimeConfig?: ClientRuntimeConfig;
+  runtimeConfig?: Partial<ClientRuntimeConfig>;
+  session?: TSession;
 }
 
-export interface CreateRouterOptions {
+export interface RouterContextWithApi<TApiClient = unknown, TSession = unknown>
+  extends RouterContext<TSession> {
+  apiClient?: TApiClient;
+}
+
+export interface CreateRouterOptions<TApiClient = unknown, TSession = unknown> {
   history?: RouterHistory;
-  context?: Partial<RouterContext>;
+  context?: Partial<RouterContextWithApi<TApiClient, TSession>>;
+  basepath?: string;
 }
 
 export type HeadMeta = NonNullable<AnyRouteMatch["meta"]>[number];
@@ -23,9 +30,16 @@ export interface HeadData {
   scripts: HeadScript[];
 }
 
-export interface RenderOptions {
+export interface RenderOptions<TSession = unknown> {
   assetsUrl: string;
-  runtimeConfig: ClientRuntimeConfig;
+  runtimeConfig: Partial<ClientRuntimeConfig>;
+  basepath?: string;
+  session?: TSession;
+}
+
+export interface RenderOptionsWithApi<TApiClient = unknown, TSession = unknown>
+  extends RenderOptions<TSession> {
+  apiClient: TApiClient;
 }
 
 export interface RenderResult {
@@ -34,18 +48,17 @@ export interface RenderResult {
   headers: Headers;
 }
 
-export interface RouterModule {
-  createRouter: (opts?: CreateRouterOptions) => {
+export interface RouterModule<TApiClient = unknown, TSession = unknown> {
+  createRouter: (opts?: CreateRouterOptions<TApiClient, TSession>) => {
     router: AnyRouter;
     queryClient: QueryClient;
   };
   getRouteHead: (
     pathname: string,
-    context?: Partial<RouterContext>
+    context?: Partial<RouterContextWithApi<TApiClient, TSession>>,
   ) => Promise<HeadData>;
   renderToStream: (
     request: Request,
-    options: RenderOptions
+    options: RenderOptionsWithApi<TApiClient, TSession>,
   ) => Promise<RenderResult>;
-  routeTree: AnyRouter["routeTree"];
 }

package/src/utils/banner.ts

@@ -1,5 +1,9 @@
+import { createRequire } from "node:module";
 import { colors, divider, gradients } from "./theme";
 
+const require = createRequire(import.meta.url);
+const pkg = require("../../package.json") as { version: string };
+
 const ASCII_BOS = `
   ██████╗  ██████╗ ███████╗
   ██╔══██╗██╔═══██╗██╔════╝
@@ -8,10 +12,10 @@ const ASCII_BOS = `
   ██████╔╝╚██████╔╝███████║
   ╚═════╝  ╚═════╝ ╚══════╝`;
 
-export function printBanner(title = "everything-dev", version = "1.0.0") {
-	console.log(gradients.cyber(ASCII_BOS));
-	console.log();
-	console.log(colors.dim(`  ${title} ${colors.cyan(`v${version}`)}`));
-	console.log(colors.dim(`  ${divider(30)}`));
-	console.log();
+export function printBanner(title = "everything-dev", version = pkg.version) {
+  console.log(gradients.cyber(ASCII_BOS));
+  console.log();
+  console.log(colors.dim(`  ${title} ${colors.cyan(`v${version}`)}`));
+  console.log(colors.dim(`  ${divider(30)}`));
+  console.log();
 }

package/src/utils/run.ts

@@ -1,32 +1,31 @@
-import chalk from "chalk";
-import { type Options as ExecaOptions, execa } from "execa";
-import { getProjectRoot } from "../config";
+type RunResult = { stdout: string; stderr: string; exitCode: number };
 
 export async function run(
-	cmd: string,
-	args: string[],
-	options: { cwd?: string; env?: Record<string, string> } = {},
-) {
-	console.log(chalk.dim(`$ ${cmd} ${args.join(" ")}`));
+  cmd: string,
+  args: string[],
+  options: { cwd?: string; env?: Record<string, string>; capture?: boolean } = {},
+): Promise<RunResult | undefined> {
+  const proc = Bun.spawn({
+    cmd: [cmd, ...args],
+    cwd: options.cwd,
+    env: options.env ? { ...(process.env as Record<string, string>), ...options.env } : process.env,
+    stdio: options.capture ? ["inherit", "pipe", "pipe"] : ["inherit", "inherit", "inherit"],
+  });
 
-	// Get project root, fallback to cwd if config not loaded
-	let cwd = options.cwd;
-	if (!cwd) {
-		try {
-			cwd = getProjectRoot();
-		} catch {
-			cwd = process.cwd();
-		}
-	}
+  if (!options.capture) {
+    const exitCode = await proc.exited;
+    if (exitCode !== 0) {
+      throw new Error(`${cmd} ${args.join(" ")} failed with exit code ${exitCode}`);
+    }
+    return;
+  }
 
-	const execaOptions: ExecaOptions = {
-		cwd,
-		stdio: "inherit",
-		reject: false,
-		env: options.env ? { ...process.env, ...options.env } : undefined,
-	};
-	const result = await execa(cmd, args, execaOptions);
-	if (result.exitCode !== 0) {
-		process.exit(result.exitCode);
-	}
+  const [stdout, stderr, exitCode] = await Promise.all([
+    new Response(proc.stdout).text(),
+    new Response(proc.stderr).text(),
+    proc.exited,
+  ]);
+
+  const result = { stdout, stderr, exitCode };
+  return result;
 }

package/src/utils/theme.ts

@@ -1,11 +1,8 @@
-import gradient from "gradient-string";
 import chalk from "chalk";
+import gradient from "gradient-string";
 
-export const gradients = {
+export const gradients: Record<string, (text: string) => string> = {
   cyber: gradient(["#00ffff", "#ff00ff"]),
-  matrix: gradient(["#003300", "#00ff41"]),
-  frost: gradient(["#0080ff", "#00ffff"]),
-  neon: gradient(["#00ff41", "#00ffff"]),
 };
 
 export const colors = {
@@ -13,89 +10,29 @@ export const colors = {
   magenta: chalk.hex("#ff00ff"),
   green: chalk.hex("#00ff41"),
   blue: chalk.hex("#0080ff"),
-  purple: chalk.hex("#bf00ff"),
   white: chalk.hex("#f0f0f0"),
   gray: chalk.hex("#555555"),
   dim: chalk.dim,
-  bold: chalk.bold,
   error: chalk.hex("#ff3366"),
 };
 
 export const icons = {
-  config: "◆",
-  host: "●",
-  pkg: "▸",
   scan: "○",
   run: "▶",
-  test: "◇",
-  db: "▪",
-  clean: "✕",
   ok: "✓",
   err: "✗",
   pending: "○",
   arrow: "→",
-  line: "─",
   dot: "·",
-  bar: "│",
-  corner: "└",
   app: "◉",
+  config: "⚙",
 };
 
 export const frames = {
   top: (width: number) => `┌${"─".repeat(width - 2)}┐`,
   bottom: (width: number) => `└${"─".repeat(width - 2)}┘`,
-  side: "│",
-  empty: (width: number) => `│${" ".repeat(width - 2)}│`,
 };
 
-export function box(content: string, width = 50): string {
-  const lines = content.split("\n");
-  const maxLen = Math.max(...lines.map((l) => l.length), width - 4);
-  const innerWidth = maxLen + 2;
-  const totalWidth = innerWidth + 2;
-
-  const top = frames.top(totalWidth);
-  const bottom = frames.bottom(totalWidth);
-  const body = lines
-    .map((line) => {
-      const padding = " ".repeat(maxLen - stripAnsi(line).length);
-      return `${frames.side} ${line}${padding} ${frames.side}`;
-    })
-    .join("\n");
-
-  return `${top}\n${body}\n${bottom}`;
-}
-
-function stripAnsi(str: string): string {
-  const ansiPattern = new RegExp("\\x1b\\[[0-9;]*m", "g");
-  return str.replace(ansiPattern, "");
-}
-
-export function header(text: string): string {
-  const styled = gradients.cyber(text);
-  return box(styled);
-}
-
 export function divider(width = 48): string {
   return colors.dim("─".repeat(width));
 }
-
-export function label(text: string): string {
-  return colors.cyan(text);
-}
-
-export function value(text: string): string {
-  return colors.white(text);
-}
-
-export function success(text: string): string {
-  return colors.green(text);
-}
-
-export function error(text: string): string {
-  return colors.error(text);
-}
-
-export function statusIcon(ok: boolean): string {
-  return ok ? success(icons.ok) : error(icons.err);
-}