npm - @syncular/console - Versions diffs - 0.0.4-26 → 0.0.6-100 - Mend

@syncular/console 0.0.4-26 → 0.0.6-100

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (103) hide show

package/dist/App.d.ts +3 -7
package/dist/App.d.ts.map +1 -1
package/dist/App.js +3 -3
package/dist/App.js.map +1 -1
package/dist/hooks/ConnectionContext.d.ts +4 -1
package/dist/hooks/ConnectionContext.d.ts.map +1 -1
package/dist/hooks/ConnectionContext.js +116 -28
package/dist/hooks/ConnectionContext.js.map +1 -1
package/dist/hooks/useConsoleApi.d.ts +11 -1
package/dist/hooks/useConsoleApi.d.ts.map +1 -1
package/dist/hooks/useConsoleApi.js +78 -0
package/dist/hooks/useConsoleApi.js.map +1 -1
package/dist/hooks/useLiveEvents.d.ts.map +1 -1
package/dist/hooks/useLiveEvents.js +116 -3
package/dist/hooks/useLiveEvents.js.map +1 -1
package/dist/layout.d.ts +4 -1
package/dist/layout.d.ts.map +1 -1
package/dist/layout.js +8 -7
package/dist/layout.js.map +1 -1
package/dist/lib/api.d.ts +1 -1
package/dist/lib/api.d.ts.map +1 -1
package/dist/lib/api.js +36 -4
package/dist/lib/api.js.map +1 -1
package/dist/lib/types.d.ts +13 -0
package/dist/lib/types.d.ts.map +1 -1
package/dist/mount.d.ts +1 -0
package/dist/mount.d.ts.map +1 -1
package/dist/mount.js +1 -1
package/dist/mount.js.map +1 -1
package/dist/pages/Config.d.ts +3 -1
package/dist/pages/Config.d.ts.map +1 -1
package/dist/pages/Config.js +24 -17
package/dist/pages/Config.js.map +1 -1
package/dist/pages/Fleet.d.ts +3 -1
package/dist/pages/Fleet.d.ts.map +1 -1
package/dist/pages/Fleet.js +6 -3
package/dist/pages/Fleet.js.map +1 -1
package/dist/pages/Ops.js.map +1 -1
package/dist/pages/Storage.d.ts +2 -0
package/dist/pages/Storage.d.ts.map +1 -0
package/dist/pages/Storage.js +103 -0
package/dist/pages/Storage.js.map +1 -0
package/dist/pages/Stream.d.ts.map +1 -1
package/dist/pages/Stream.js +2 -3
package/dist/pages/Stream.js.map +1 -1
package/dist/pages/index.d.ts +1 -0
package/dist/pages/index.d.ts.map +1 -1
package/dist/pages/index.js +1 -0
package/dist/pages/index.js.map +1 -1
package/dist/routeTree.d.ts +1 -1
package/dist/routeTree.d.ts.map +1 -1
package/dist/routeTree.js +2 -0
package/dist/routeTree.js.map +1 -1
package/dist/routes/__root.d.ts +1 -1
package/dist/routes/__root.d.ts.map +1 -1
package/dist/routes/config.d.ts +1 -1
package/dist/routes/config.d.ts.map +1 -1
package/dist/routes/fleet.d.ts +1 -1
package/dist/routes/fleet.d.ts.map +1 -1
package/dist/routes/index.d.ts +1 -1
package/dist/routes/index.d.ts.map +1 -1
package/dist/routes/investigate-commit.d.ts +1 -1
package/dist/routes/investigate-commit.d.ts.map +1 -1
package/dist/routes/investigate-event.d.ts +1 -1
package/dist/routes/investigate-event.d.ts.map +1 -1
package/dist/routes/ops.d.ts +1 -1
package/dist/routes/ops.d.ts.map +1 -1
package/dist/routes/storage.d.ts +2 -0
package/dist/routes/storage.d.ts.map +1 -0
package/dist/routes/storage.js +9 -0
package/dist/routes/storage.js.map +1 -0
package/dist/routes/stream.d.ts +1 -1
package/dist/routes/stream.d.ts.map +1 -1
package/dist/static-server.d.ts.map +1 -1
package/dist/static-server.js +6 -1
package/dist/static-server.js.map +1 -1
package/dist/styles.css +1 -1
package/package.json +9 -9
package/src/App.tsx +12 -10
package/src/__tests__/static-server.test.ts +193 -0
package/src/hooks/ConnectionContext.tsx +135 -29
package/src/hooks/useConsoleApi.ts +103 -0
package/src/hooks/useLiveEvents.ts +142 -4
package/src/layout.tsx +35 -5
package/src/lib/api.ts +38 -5
package/src/lib/types.ts +17 -0
package/src/mount.tsx +6 -1
package/src/pages/Config.tsx +57 -49
package/src/pages/Fleet.tsx +19 -17
package/src/pages/Storage.tsx +277 -0
package/src/pages/Stream.tsx +6 -3
package/src/pages/index.ts +1 -0
package/src/routeTree.ts +2 -0
package/src/routes/storage.tsx +9 -0
package/src/static-server.ts +12 -1
package/src/styles/globals.css +4 -1
package/web-dist/assets/index-D8JLMM1I.js +86 -0
package/web-dist/assets/index-D_fQabjS.css +1 -0
package/web-dist/console.css +1 -1
package/web-dist/index.html +2 -2
package/web-dist/site.webmanifest +2 -2
package/web-dist/assets/index-CTkQp6YC.js +0 -86
package/web-dist/assets/index-j_U2SoXa.css +0 -1

package/src/__tests__/static-server.test.ts ADDED Viewed

@@ -0,0 +1,193 @@
+import { afterEach, describe, expect, it } from 'bun:test';
+import { mkdir, mkdtemp, rm, writeFile } from 'node:fs/promises';
+import { tmpdir } from 'node:os';
+import path from 'node:path';
+import {
+  CONSOLE_BASEPATH_META,
+  CONSOLE_SERVER_URL_META,
+  CONSOLE_TOKEN_META,
+} from '../runtime-config';
+import { createConsoleStaticResponder } from '../static-server';
+const tempDirs: string[] = [];
+function countMatches(value: string, pattern: RegExp): number {
+  return value.match(pattern)?.length ?? 0;
+}
+async function createStaticFixture(): Promise<string> {
+  const staticDir = await mkdtemp(path.join(tmpdir(), 'syncular-console-'));
+  tempDirs.push(staticDir);
+  await mkdir(path.join(staticDir, 'assets'), { recursive: true });
+  await writeFile(
+    path.join(staticDir, 'index.html'),
+    `<!doctype html>
+<html>
+  <head>
+    <meta name="${CONSOLE_BASEPATH_META}" content="/old-basepath" />
+    <meta name="${CONSOLE_SERVER_URL_META}" content="https://old.example/api" />
+    <meta name="${CONSOLE_TOKEN_META}" content="old-token" />
+    <link rel="stylesheet" href="/assets/console.css" />
+  </head>
+  <body>
+    <script type="module" src="/assets/main.js"></script>
+  </body>
+</html>`
+  );
+  await writeFile(
+    path.join(staticDir, 'assets', 'main.js'),
+    'console.log(1);\n'
+  );
+  await writeFile(path.join(staticDir, 'assets', 'console.css'), 'body{}\n');
+  return staticDir;
+}
+afterEach(async () => {
+  await Promise.all(
+    tempDirs.splice(0).map((dir) => rm(dir, { recursive: true, force: true }))
+  );
+});
+describe('createConsoleStaticResponder', () => {
+  it('serves index with prefilled meta tags and rewrites rooted asset paths', async () => {
+    const staticDir = await createStaticFixture();
+    const responder = createConsoleStaticResponder({
+      mountPath: '/console',
+      staticDir,
+      defaultPrefill: {
+        serverUrl: 'https://api.example.com',
+        token: 'default-token',
+      },
+    });
+    const response = await responder(new Request('http://localhost/console'));
+    if (!response) {
+      throw new Error('Expected console index response.');
+    }
+    const html = await response.text();
+    expect(response.status).toBe(200);
+    expect(response.headers.get('cache-control')).toBe('no-store');
+    expect(html).toContain(
+      `<meta name="${CONSOLE_BASEPATH_META}" content="/console" />`
+    );
+    expect(html).toContain(
+      `<meta name="${CONSOLE_SERVER_URL_META}" content="https://api.example.com" />`
+    );
+    expect(html).toContain(
+      `<meta name="${CONSOLE_TOKEN_META}" content="default-token" />`
+    );
+    expect(html).toContain('href="/console/assets/console.css"');
+    expect(html).toContain('src="/console/assets/main.js"');
+    expect(
+      countMatches(html, new RegExp(`name="${CONSOLE_BASEPATH_META}"`, 'g'))
+    ).toBe(1);
+    expect(
+      countMatches(html, new RegExp(`name="${CONSOLE_SERVER_URL_META}"`, 'g'))
+    ).toBe(1);
+    expect(
+      countMatches(html, new RegExp(`name="${CONSOLE_TOKEN_META}"`, 'g'))
+    ).toBe(1);
+  });
+  it('applies request-level prefill overrides when serving index', async () => {
+    const staticDir = await createStaticFixture();
+    const responder = createConsoleStaticResponder({
+      mountPath: '/console',
+      staticDir,
+      defaultPrefill: {
+        basePath: '/console',
+        serverUrl: 'https://default.example/api',
+        token: 'default-token',
+      },
+    });
+    const response = await responder(
+      new Request('http://localhost/console/app'),
+      {
+        prefill: {
+          basePath: '/ops',
+          serverUrl: 'https://ops.example/api',
+          token: 'request-token',
+        },
+      }
+    );
+    if (!response) {
+      throw new Error('Expected console index response.');
+    }
+    const html = await response.text();
+    expect(response.status).toBe(200);
+    expect(html).toContain(
+      `<meta name="${CONSOLE_BASEPATH_META}" content="/ops" />`
+    );
+    expect(html).toContain(
+      `<meta name="${CONSOLE_SERVER_URL_META}" content="https://ops.example/api" />`
+    );
+    expect(html).toContain(
+      `<meta name="${CONSOLE_TOKEN_META}" content="request-token" />`
+    );
+    expect(html).toContain('href="/ops/assets/console.css"');
+    expect(html).toContain('src="/ops/assets/main.js"');
+  });
+  it('serves static assets, blocks traversal, and handles missing assets', async () => {
+    const staticDir = await createStaticFixture();
+    const responder = createConsoleStaticResponder({
+      mountPath: '/console',
+      staticDir,
+    });
+    const assetResponse = await responder(
+      new Request('http://localhost/console/assets/main.js')
+    );
+    if (!assetResponse) {
+      throw new Error('Expected static asset response.');
+    }
+    expect(assetResponse.status).toBe(200);
+    expect(assetResponse.headers.get('content-type')).toBe(
+      'text/javascript; charset=utf-8'
+    );
+    expect(assetResponse.headers.get('cache-control')).toBe(
+      'public, max-age=31536000, immutable'
+    );
+    expect(await assetResponse.text()).toContain('console.log(1);');
+    const forbidden = await responder(
+      new Request('http://localhost/console/%2e%2e%2fsecret.js')
+    );
+    if (!forbidden) {
+      throw new Error('Expected forbidden response.');
+    }
+    expect(forbidden.status).toBe(403);
+    const missing = await responder(
+      new Request('http://localhost/console/assets/missing.js')
+    );
+    if (!missing) {
+      throw new Error('Expected missing response.');
+    }
+    expect(missing.status).toBe(404);
+  });
+  it('returns null for unsupported methods and non-matching mount paths', async () => {
+    const staticDir = await createStaticFixture();
+    const responder = createConsoleStaticResponder({
+      mountPath: '/console',
+      staticDir,
+    });
+    const postResponse = await responder(
+      new Request('http://localhost/console', { method: 'POST' })
+    );
+    const otherPathResponse = await responder(
+      new Request('http://localhost/admin')
+    );
+    expect(postResponse).toBeNull();
+    expect(otherPathResponse).toBeNull();
+  });
+});

package/src/hooks/ConnectionContext.tsx CHANGED Viewed

@@ -10,6 +10,7 @@ import {
   useContext,
   useEffect,
   useMemo,
+  useRef,
   useState,
 } from 'react';
 import {
@@ -17,7 +18,58 @@ import {
   createConsoleClient,
   testConnection,
 } from '../lib/api';
-import { useLocalStorage } from './useLocalStorage';
+export type ConnectionStorageMode = 'memory' | 'session' | 'local';
+const CONNECTION_STORAGE_KEY = 'sync-console-connection';
+function normalizeConfig(
+  config: ConnectionConfig | null | undefined
+): ConnectionConfig | null {
+  if (!config) return null;
+  const serverUrl = config.serverUrl?.trim() ?? '';
+  const token = config.token?.trim() ?? '';
+  if (!serverUrl || !token) return null;
+  return { serverUrl, token };
+}
+function getStorageForMode(mode: ConnectionStorageMode): Storage | null {
+  if (typeof window === 'undefined') return null;
+  if (mode === 'local') return window.localStorage;
+  if (mode === 'session') return window.sessionStorage;
+  return null;
+}
+function readStoredConfig(
+  mode: ConnectionStorageMode
+): ConnectionConfig | null {
+  const storage = getStorageForMode(mode);
+  if (!storage) return null;
+  try {
+    const raw = storage.getItem(CONNECTION_STORAGE_KEY);
+    if (!raw) return null;
+    return normalizeConfig(JSON.parse(raw) as ConnectionConfig);
+  } catch {
+    return null;
+  }
+}
+function writeStoredConfig(
+  mode: ConnectionStorageMode,
+  config: ConnectionConfig | null
+): void {
+  const storage = getStorageForMode(mode);
+  if (!storage) return;
+  try {
+    if (!config) {
+      storage.removeItem(CONNECTION_STORAGE_KEY);
+      return;
+    }
+    storage.setItem(CONNECTION_STORAGE_KEY, JSON.stringify(config));
+  } catch {
+    // Ignore storage write errors.
+  }
+}
 interface ConnectionState {
   isConnected: boolean;
@@ -44,6 +96,8 @@ interface ConnectionContextValue {
 interface ConnectionProviderProps {
   children: ReactNode;
   defaultConfig?: ConnectionConfig | null;
+  autoConnect?: boolean;
+  storageMode?: ConnectionStorageMode;
 }
 const ConnectionContext = createContext<ConnectionContextValue | null>(null);
@@ -51,10 +105,35 @@ const ConnectionContext = createContext<ConnectionContextValue | null>(null);
 export function ConnectionProvider({
   children,
   defaultConfig = null,
+  autoConnect = false,
+  storageMode = 'session',
 }: ConnectionProviderProps) {
-  const [config, setConfigStorage] = useLocalStorage<ConnectionConfig | null>(
-    'sync-console-connection',
-    null
+  const [config, setConfigState] = useState<ConnectionConfig | null>(() =>
+    readStoredConfig(storageMode)
+  );
+  useEffect(() => {
+    const storedConfig = readStoredConfig(storageMode);
+    setConfigState(storedConfig);
+  }, [storageMode]);
+  useEffect(() => {
+    if (typeof window === 'undefined') return;
+    if (storageMode !== 'local') {
+      window.localStorage.removeItem(CONNECTION_STORAGE_KEY);
+    }
+    if (storageMode === 'memory') {
+      window.sessionStorage.removeItem(CONNECTION_STORAGE_KEY);
+    }
+  }, [storageMode]);
+  const setConfigStorage = useCallback(
+    (nextConfig: ConnectionConfig | null) => {
+      const normalized = normalizeConfig(nextConfig);
+      setConfigState(normalized);
+      writeStoredConfig(storageMode, normalized);
+    },
+    [storageMode]
   );
   const [state, setState] = useState<ConnectionState>({
@@ -63,6 +142,7 @@ export function ConnectionProvider({
     error: null,
     client: null,
   });
+  const lastAutoConnectConfigKeyRef = useRef<string | null>(null);
   // Resolve initial config: saved config -> provided defaults
   useEffect(() => {
@@ -90,18 +170,16 @@ export function ConnectionProvider({
         return false;
       }
-      const normalizedConfig: ConnectionConfig = {
-        serverUrl: effectiveConfig.serverUrl?.trim() ?? '',
-        token: effectiveConfig.token?.trim() ?? '',
-      };
+      const normalizedConfig = normalizeConfig(effectiveConfig);
       // Validate config has required fields
-      if (!normalizedConfig.serverUrl) {
-        setState((s) => ({ ...s, error: 'Server URL is required' }));
-        return false;
-      }
-      if (!normalizedConfig.token) {
-        setState((s) => ({ ...s, error: 'Token is required' }));
+      if (!normalizedConfig) {
+        const hasServerUrl =
+          (effectiveConfig.serverUrl?.trim() ?? '').length > 0;
+        setState((s) => ({
+          ...s,
+          error: hasServerUrl ? 'Token is required' : 'Server URL is required',
+        }));
         return false;
       }
@@ -113,24 +191,14 @@ export function ConnectionProvider({
       try {
         const client = createConsoleClient(normalizedConfig);
-        const ok = await testConnection(client);
-        if (ok) {
-          setState({
-            isConnected: true,
-            isConnecting: false,
-            client,
-            error: null,
-          });
-          return true;
-        }
+        await testConnection(client);
         setState({
-          isConnected: false,
+          isConnected: true,
           isConnecting: false,
-          client: null,
-          error: 'Failed to connect',
+          client,
+          error: null,
         });
-        return false;
+        return true;
       } catch (err) {
         setState({
           isConnected: false,
@@ -192,6 +260,32 @@ export function ConnectionProvider({
     [config, setConfig, state, connect, disconnect, clearError]
   );
+  useEffect(() => {
+    if (!autoConnect || state.isConnected || state.isConnecting) {
+      return;
+    }
+    const candidate = config ?? defaultConfig;
+    const key = normalizeConfigKey(candidate);
+    if (!candidate || !key) {
+      return;
+    }
+    if (lastAutoConnectConfigKeyRef.current === key) {
+      return;
+    }
+    lastAutoConnectConfigKeyRef.current = key;
+    void connect(candidate, { persistOverride: true });
+  }, [
+    autoConnect,
+    config,
+    defaultConfig,
+    state.isConnected,
+    state.isConnecting,
+    connect,
+  ]);
   return (
     <ConnectionContext.Provider value={value}>
       {children}
@@ -199,6 +293,18 @@ export function ConnectionProvider({
   );
 }
+function normalizeConfigKey(config: ConnectionConfig | null): string | null {
+  if (!config) {
+    return null;
+  }
+  const serverUrl = config.serverUrl?.trim() ?? '';
+  const token = config.token?.trim() ?? '';
+  if (!serverUrl || !token) {
+    return null;
+  }
+  return `${serverUrl}\u0000${token}`;
+}
 export function useConnection(): ConnectionContextValue {
   const context = useContext(ConnectionContext);
   if (!context) {

package/src/hooks/useConsoleApi.ts CHANGED Viewed

@@ -7,6 +7,7 @@ import { useMutation, useQuery, useQueryClient } from '@tanstack/react-query';
 import type {
   ConsoleApiKey,
   ConsoleApiKeyBulkRevokeResponse,
+  ConsoleBlobListResponse,
   ConsoleClient,
   ConsoleCommitDetail,
   ConsoleCommitListItem,
@@ -104,6 +105,8 @@ const queryKeys = {
     expiresWithinDays?: number;
     instanceId?: string;
   }) => ['console', 'api-keys', params] as const,
+  storage: (params?: Record<string, unknown>) =>
+    ['console', 'storage', params] as const,
 };
 function resolveRefetchInterval(
@@ -924,3 +927,103 @@ export function useStageRotateApiKeyMutation() {
     },
   });
 }
+// ---------------------------------------------------------------------------
+// Blob storage hooks
+// ---------------------------------------------------------------------------
+export function useBlobs(
+  options: {
+    prefix?: string;
+    cursor?: string;
+    limit?: number;
+    refetchIntervalMs?: number;
+  } = {}
+) {
+  const { config: connectionConfig } = useConnection();
+  return useQuery<ConsoleBlobListResponse>({
+    queryKey: queryKeys.storage({
+      prefix: options.prefix,
+      cursor: options.cursor,
+      limit: options.limit,
+    }),
+    queryFn: async () => {
+      if (!connectionConfig) throw new Error('Not connected');
+      const queryString = new URLSearchParams();
+      if (options.prefix) queryString.set('prefix', options.prefix);
+      if (options.cursor) queryString.set('cursor', options.cursor);
+      if (options.limit) queryString.set('limit', String(options.limit));
+      const response = await fetch(
+        buildConsoleUrl(
+          connectionConfig.serverUrl,
+          '/console/storage',
+          queryString
+        ),
+        {
+          method: 'GET',
+          headers: { Authorization: `Bearer ${connectionConfig.token}` },
+        }
+      );
+      if (!response.ok) throw new Error('Failed to list blobs');
+      return response.json();
+    },
+    enabled: !!connectionConfig,
+    refetchInterval: resolveRefetchInterval(options.refetchIntervalMs, 30000),
+  });
+}
+export function useDeleteBlobMutation() {
+  const { config: connectionConfig } = useConnection();
+  const queryClient = useQueryClient();
+  return useMutation<{ deleted: boolean }, Error, string>({
+    mutationFn: async (key: string) => {
+      if (!connectionConfig) throw new Error('Not connected');
+      const encodedKey = encodeURIComponent(key);
+      const response = await fetch(
+        buildConsoleUrl(
+          connectionConfig.serverUrl,
+          `/console/storage/${encodedKey}`,
+          new URLSearchParams()
+        ),
+        {
+          method: 'DELETE',
+          headers: { Authorization: `Bearer ${connectionConfig.token}` },
+        }
+      );
+      if (!response.ok) throw new Error('Failed to delete blob');
+      return response.json();
+    },
+    onSuccess: () => {
+      queryClient.invalidateQueries({ queryKey: ['console', 'storage'] });
+    },
+  });
+}
+export function useBlobDownload() {
+  const { config: connectionConfig } = useConnection();
+  return async (key: string) => {
+    if (!connectionConfig) throw new Error('Not connected');
+    const encodedKey = encodeURIComponent(key);
+    const response = await fetch(
+      buildConsoleUrl(
+        connectionConfig.serverUrl,
+        `/console/storage/${encodedKey}/download`,
+        new URLSearchParams()
+      ),
+      {
+        method: 'GET',
+        headers: { Authorization: `Bearer ${connectionConfig.token}` },
+      }
+    );
+    if (!response.ok) throw new Error('Failed to download blob');
+    const blob = await response.blob();
+    const url = URL.createObjectURL(blob);
+    const a = document.createElement('a');
+    a.href = url;
+    a.download = key.split('/').pop() || key;
+    document.body.appendChild(a);
+    a.click();
+    document.body.removeChild(a);
+    URL.revokeObjectURL(url);
+  };
+}