@every-app/sdk 0.1.13 → 0.1.14

package/src/tanstack/GatewayRequiredError.tsx

@@ -1,150 +0,0 @@
-import { CSSProperties } from "react";
-
-interface GatewayRequiredErrorProps {
-  /**
-   * The origin of the Gateway (e.g., "https://gateway.example.com").
-   */
-  gatewayOrigin: string;
-  /**
-   * The app ID used in the Gateway URL path.
-   */
-  appId: string;
-}
-
-// CSS custom properties for theming
-const CSS_VARIABLES = `
-  @media (prefers-color-scheme: light) {
-    :root {
-      --gateway-bg: oklch(100% 0 0);
-      --gateway-text: oklch(0% 0 0);
-      --gateway-text-muted: oklch(40% 0 0);
-      --gateway-icon-bg: oklch(94% 0 0);
-      --gateway-icon-stroke: oklch(80% 0.18 90);
-      --gateway-border: oklch(94% 0 0);
-    }
-  }
-  @media (prefers-color-scheme: dark) {
-    :root {
-      --gateway-bg: #0a0f0d;
-      --gateway-text: oklch(92% 0 0);
-      --gateway-text-muted: oklch(60% 0 0);
-      --gateway-icon-bg: oklch(22% 0 0);
-      --gateway-icon-stroke: oklch(85% 0.18 90);
-      --gateway-border: oklch(30% 0 0);
-    }
-  }
-`;
-
-const styles = {
-  container: {
-    display: "flex",
-    flexDirection: "column",
-    alignItems: "center",
-    justifyContent: "center",
-    minHeight: "100vh",
-    padding: "24px",
-    fontFamily:
-      '-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif',
-    backgroundColor: "var(--gateway-bg, oklch(100% 0 0))",
-    color: "var(--gateway-text, oklch(0% 0 0))",
-    colorScheme: "light dark",
-  } satisfies CSSProperties,
-  content: {
-    maxWidth: "520px",
-    width: "100%",
-    textAlign: "left",
-  } satisfies CSSProperties,
-  iconContainer: {
-    width: "44px",
-    height: "44px",
-    marginBottom: "16px",
-    borderRadius: "0.25rem",
-    backgroundColor: "var(--gateway-icon-bg, oklch(94% 0 0))",
-    display: "flex",
-    alignItems: "center",
-    justifyContent: "center",
-    border: "1px solid var(--gateway-border, oklch(94% 0 0))",
-  } satisfies CSSProperties,
-  title: {
-    fontSize: "18px",
-    fontWeight: 600,
-    marginBottom: "8px",
-    color: "var(--gateway-text, oklch(0% 0 0))",
-    letterSpacing: "-0.01em",
-  } satisfies CSSProperties,
-  description: {
-    fontSize: "14px",
-    lineHeight: 1.5,
-    color: "var(--gateway-text-muted, oklch(40% 0 0))",
-    marginBottom: "20px",
-  } satisfies CSSProperties,
-  urlText: {
-    fontSize: "14px",
-    lineHeight: 1.5,
-    color: "var(--gateway-text-muted, oklch(40% 0 0))",
-    wordBreak: "break-all",
-  } satisfies CSSProperties,
-  urlLink: {
-    color: "rgb(168, 162, 158)",
-    textDecoration: "underline",
-    textDecorationColor: "rgb(87, 83, 78)",
-    textUnderlineOffset: "2px",
-  } satisfies CSSProperties,
-};
-
-/**
- * Error component displayed when an embedded app is accessed directly
- * instead of through the Every App Gateway.
- *
- * This component informs users that authentication requires accessing
- * the app through the Gateway and provides a link to do so.
- */
-export function GatewayRequiredError({
-  gatewayOrigin,
-  appId,
-}: GatewayRequiredErrorProps) {
-  const isLocalhost = window.location.hostname === "localhost";
-  const gatewayUrl = `${gatewayOrigin}/apps/${appId}${window.location.pathname}${isLocalhost ? "dev" : ""}`;
-
-  return (
-    <div style={styles.container}>
-      <style>{CSS_VARIABLES}</style>
-      <div style={styles.content}>
-        {/* Warning Icon */}
-        <div style={styles.iconContainer}>
-          <svg
-            width="22"
-            height="22"
-            viewBox="0 0 24 24"
-            fill="none"
-            stroke="var(--gateway-icon-stroke, oklch(55% 0.22 25))"
-            strokeWidth="2"
-            strokeLinecap="round"
-            strokeLinejoin="round"
-          >
-            <path d="M10.29 3.86L1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z" />
-            <line x1="12" y1="9" x2="12" y2="13" />
-            <line x1="12" y1="17" x2="12.01" y2="17" />
-          </svg>
-        </div>
-
-        {/* Title */}
-        <h1 style={styles.title}>Open in Gateway</h1>
-
-        {/* Description */}
-        <p style={styles.description}>
-          The Gateway handles sign in and user auth. Access your app from there
-          so this works properly.
-        </p>
-
-        {/* URL Link */}
-        <p style={styles.urlText}>
-          Go to{" "}
-          <a href={gatewayUrl} style={styles.urlLink}>
-            {gatewayUrl}
-          </a>
-        </p>
-      </div>
-    </div>
-  );
-}

package/src/tanstack/_internal/useEveryAppSession.test.ts

@@ -1,40 +0,0 @@
-import { describe, expect, it } from "vitest";
-import { shouldBootstrapSession } from "./useEveryAppSession";
-
-describe("shouldBootstrapSession", () => {
-  it("returns false for standalone apps without bypass", () => {
-    expect(
-      shouldBootstrapSession({
-        isEmbedded: () => false,
-        isBypassGatewayLocalOnly: false,
-      }),
-    ).toBe(false);
-  });
-
-  it("returns true for embedded apps", () => {
-    expect(
-      shouldBootstrapSession({
-        isEmbedded: () => true,
-        isBypassGatewayLocalOnly: false,
-      }),
-    ).toBe(true);
-  });
-
-  it("returns true for local bypass mode", () => {
-    expect(
-      shouldBootstrapSession({
-        isEmbedded: () => false,
-        isBypassGatewayLocalOnly: true,
-      }),
-    ).toBe(true);
-  });
-
-  it("does not depend on iframe detection for RN webviews", () => {
-    expect(
-      shouldBootstrapSession({
-        isEmbedded: () => true,
-        isBypassGatewayLocalOnly: false,
-      }),
-    ).toBe(true);
-  });
-});

package/src/tanstack/_internal/useEveryAppSession.tsx

@@ -1,74 +0,0 @@
-import { useEffect, useRef, useState } from "react";
-import { SessionManager } from "../../core/sessionManager.js";
-
-interface SessionManagerConfig {
-  appId: string;
-}
-
-interface UseEveryAppSessionParams {
-  sessionManagerConfig: SessionManagerConfig;
-}
-
-type SessionBootstrapGate = Pick<
-  SessionManager,
-  "isEmbedded" | "isBypassGatewayLocalOnly"
->;
-
-export function shouldBootstrapSession(
-  sessionManager: SessionBootstrapGate,
-): boolean {
-  // Bootstrapping should happen whenever the app is hosted by a trusted container.
-  // This intentionally keys off embedded environment semantics (iframe OR RN WebView),
-  // not iframe-only detection, so RN can initialize auth from pushed tokens.
-  return sessionManager.isEmbedded() || sessionManager.isBypassGatewayLocalOnly;
-}
-
-export function useEveryAppSession({
-  sessionManagerConfig,
-}: UseEveryAppSessionParams) {
-  const sessionManagerRef = useRef<SessionManager>(null);
-  const [sessionTokenState, setSessionTokenState] = useState<
-    ReturnType<SessionManager["getTokenState"]>
-  >({
-    status: "NO_TOKEN",
-    token: null,
-  });
-
-  if (!sessionManagerRef.current && typeof document !== "undefined") {
-    sessionManagerRef.current = new SessionManager(sessionManagerConfig);
-  }
-
-  const sessionManager = sessionManagerRef.current;
-
-  useEffect(() => {
-    if (!sessionManager) return;
-    // Skip token bootstrap when not embedded (unless in demo mode) - the app will show GatewayRequiredError instead
-    if (!shouldBootstrapSession(sessionManager)) return;
-
-    const interval = setInterval(() => {
-      setSessionTokenState(sessionManager.getTokenState());
-    }, 5000);
-
-    sessionManager
-      .getToken()
-      .then(() => {
-        setSessionTokenState(sessionManager.getTokenState());
-      })
-      .catch((err) => {
-        console.error("[EmbeddedProvider] Initial token request failed:", err);
-      });
-
-    return () => {
-      clearInterval(interval);
-    };
-  }, [sessionManager]);
-
-  useEffect(() => {
-    if (!sessionManager) return;
-
-    // Make sessionManager globally accessible for middleware
-    (window as any).__embeddedSessionManager = sessionManager;
-  }, [sessionManager]);
-
-  return { sessionManager, sessionTokenState };
-}

package/src/tanstack/index.ts

@@ -1,3 +0,0 @@
-export { useSessionTokenClientMiddleware } from "./useSessionTokenClientMiddleware.js";
-export { useEveryAppRouter } from "./useEveryAppRouter.js";
-export { EmbeddedAppProvider, useCurrentUser } from "./EmbeddedAppProvider.js";

package/src/tanstack/server/authConfig.ts

@@ -1,19 +0,0 @@
-import type { AuthConfig } from "./types.js";
-import { env } from "cloudflare:workers";
-import { isBypassGatewayLocalOnlyServer } from "../../shared/bypassGatewayLocalOnly.js";
-
-export function getAuthConfig(): AuthConfig {
-  const bypassGatewayLocalOnlyEnv = (
-    env as { BYPASS_GATEWAY_LOCAL_ONLY?: string }
-  ).BYPASS_GATEWAY_LOCAL_ONLY;
-  const isBypassGatewayLocalOnly =
-    import.meta.env.PROD !== true &&
-    (bypassGatewayLocalOnlyEnv === "true" ||
-      isBypassGatewayLocalOnlyServer() === true);
-  const issuer = env.GATEWAY_URL || (isBypassGatewayLocalOnly ? "local" : "");
-
-  return {
-    issuer,
-    audience: import.meta.env.VITE_APP_ID,
-  };
-}