@syncular/console 0.0.0

package/src/pages/index.ts

@@ -0,0 +1,5 @@
+export * from './Command';
+export * from './Config';
+export * from './Fleet';
+export * from './Ops';
+export * from './Stream';

package/src/routeTree.ts

@@ -0,0 +1,18 @@
+import { Route as rootRoute } from './routes/__root';
+import { Route as configRoute } from './routes/config';
+import { Route as fleetRoute } from './routes/fleet';
+import { Route as indexRoute } from './routes/index';
+import { Route as investigateCommitRoute } from './routes/investigate-commit';
+import { Route as investigateEventRoute } from './routes/investigate-event';
+import { Route as opsRoute } from './routes/ops';
+import { Route as streamRoute } from './routes/stream';
+
+export const routeTree = rootRoute.addChildren([
+  indexRoute,
+  streamRoute,
+  investigateCommitRoute,
+  investigateEventRoute,
+  fleetRoute,
+  opsRoute,
+  configRoute,
+]);

package/src/routes/__root.tsx

@@ -0,0 +1,6 @@
+import { createRootRoute } from '@tanstack/react-router';
+import { ConsoleLayout } from '../layout';
+
+export const Route = createRootRoute({
+  component: ConsoleLayout,
+});

package/src/routes/config.tsx

@@ -0,0 +1,9 @@
+import { createRoute } from '@tanstack/react-router';
+import { Config } from '../pages';
+import { Route as rootRoute } from './__root';
+
+export const Route = createRoute({
+  getParentRoute: () => rootRoute,
+  path: '/config',
+  component: Config,
+});

package/src/routes/fleet.tsx

@@ -0,0 +1,9 @@
+import { createRoute } from '@tanstack/react-router';
+import { Fleet } from '../pages';
+import { Route as rootRoute } from './__root';
+
+export const Route = createRoute({
+  getParentRoute: () => rootRoute,
+  path: '/fleet',
+  component: Fleet,
+});

package/src/routes/index.tsx

@@ -0,0 +1,9 @@
+import { createRoute } from '@tanstack/react-router';
+import { Command } from '../pages';
+import { Route as rootRoute } from './__root';
+
+export const Route = createRoute({
+  getParentRoute: () => rootRoute,
+  path: '/',
+  component: Command,
+});

package/src/routes/investigate-commit.tsx

@@ -0,0 +1,14 @@
+import { createRoute } from '@tanstack/react-router';
+import { Stream } from '../pages';
+import { Route as rootRoute } from './__root';
+
+function InvestigateCommit() {
+  const { seq } = Route.useParams();
+  return <Stream initialSelectedEntryId={`#${seq}`} />;
+}
+
+export const Route = createRoute({
+  getParentRoute: () => rootRoute,
+  path: '/investigate/commit/$seq',
+  component: InvestigateCommit,
+});

package/src/routes/investigate-event.tsx

@@ -0,0 +1,14 @@
+import { createRoute } from '@tanstack/react-router';
+import { Stream } from '../pages';
+import { Route as rootRoute } from './__root';
+
+function InvestigateEvent() {
+  const { id } = Route.useParams();
+  return <Stream initialSelectedEntryId={`E${id}`} />;
+}
+
+export const Route = createRoute({
+  getParentRoute: () => rootRoute,
+  path: '/investigate/event/$id',
+  component: InvestigateEvent,
+});

package/src/routes/ops.tsx

@@ -0,0 +1,9 @@
+import { createRoute } from '@tanstack/react-router';
+import { Ops } from '../pages';
+import { Route as rootRoute } from './__root';
+
+export const Route = createRoute({
+  getParentRoute: () => rootRoute,
+  path: '/ops',
+  component: Ops,
+});

package/src/routes/stream.tsx

@@ -0,0 +1,9 @@
+import { createRoute } from '@tanstack/react-router';
+import { Stream } from '../pages';
+import { Route as rootRoute } from './__root';
+
+export const Route = createRoute({
+  getParentRoute: () => rootRoute,
+  path: '/stream',
+  component: Stream,
+});

package/src/sentry.ts

@@ -0,0 +1,70 @@
+import type { BrowserSentryInitOptions } from '@syncular/observability-sentry';
+
+declare global {
+  var __SYNCULAR_SENTRY_DSN__: string | undefined;
+  var __SYNCULAR_SENTRY_ENVIRONMENT__: string | undefined;
+  var __SYNCULAR_SENTRY_RELEASE__: string | undefined;
+}
+
+const SENTRY_DSN_META = 'syncular-sentry-dsn';
+const SENTRY_ENVIRONMENT_META = 'syncular-sentry-environment';
+const SENTRY_RELEASE_META = 'syncular-sentry-release';
+
+function cleanValue(value: string | null | undefined): string | undefined {
+  if (!value) return undefined;
+  const trimmed = value.trim();
+  return trimmed.length > 0 ? trimmed : undefined;
+}
+
+function readMeta(name: string): string | undefined {
+  if (typeof document === 'undefined') return undefined;
+  const value = document
+    .querySelector(`meta[name="${name}"]`)
+    ?.getAttribute('content');
+  return cleanValue(value);
+}
+
+function readEnv(name: string): string | undefined {
+  if (typeof process === 'undefined') return undefined;
+  return cleanValue(process.env[name]);
+}
+
+function firstDefined(values: Array<string | undefined>): string | undefined {
+  for (const value of values) {
+    if (value) return value;
+  }
+  return undefined;
+}
+
+/**
+ * Resolve browser Sentry options from globals, meta tags, or build-time env.
+ */
+export function resolveConsoleBrowserSentryOptions(): BrowserSentryInitOptions | null {
+  const dsn = firstDefined([
+    cleanValue(globalThis.__SYNCULAR_SENTRY_DSN__),
+    readMeta(SENTRY_DSN_META),
+    readEnv('SYNCULAR_SENTRY_DSN'),
+  ]);
+
+  if (!dsn) return null;
+
+  const environment = firstDefined([
+    cleanValue(globalThis.__SYNCULAR_SENTRY_ENVIRONMENT__),
+    readMeta(SENTRY_ENVIRONMENT_META),
+    readEnv('SYNCULAR_SENTRY_ENVIRONMENT'),
+  ]);
+  const release = firstDefined([
+    cleanValue(globalThis.__SYNCULAR_SENTRY_RELEASE__),
+    readMeta(SENTRY_RELEASE_META),
+    readEnv('SYNCULAR_SENTRY_RELEASE'),
+  ]);
+
+  return {
+    dsn,
+    environment,
+    release,
+    enableLogs: true,
+    tracesSampleRate: 0.2,
+    tracePropagationTargets: [/^https?:\/\/.*\/api\/.*/],
+  };
+}

package/src/styles/globals.css

@@ -0,0 +1 @@
+@import "@syncular/ui/styles.css";