@datalayer/core 1.0.3 → 1.0.12

package/lib/views/otel/SqlView.d.ts

@@ -0,0 +1,9 @@
+/**
+ * SqlView – Standalone SQL query view for exploring OTEL data.
+ */
+import React from 'react';
+export interface SqlViewProps {
+    baseUrl?: string;
+    token?: string;
+}
+export declare const SqlView: React.FC<SqlViewProps>;

package/lib/views/otel/SqlView.js

@@ -0,0 +1,4 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Box } from '@primer/react';
+import { OtelSqlView } from '../../otel';
+export const SqlView = ({ baseUrl = '', token }) => (_jsx(Box, { sx: { display: 'flex', flex: 1, minHeight: 0, overflow: 'hidden' }, children: _jsx(OtelSqlView, { baseUrl: baseUrl, token: token }) }));

package/lib/views/otel/SystemView.d.ts

@@ -0,0 +1,9 @@
+/**
+ * SystemView – OTEL system/infrastructure view.
+ */
+import React from 'react';
+export interface SystemViewProps {
+    baseUrl?: string;
+    token?: string;
+}
+export declare const SystemView: React.FC<SystemViewProps>;

package/lib/views/otel/SystemView.js

@@ -0,0 +1,4 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Box } from '@primer/react';
+import { OtelSystemView } from '../../otel';
+export const SystemView = ({ baseUrl = '', token, }) => (_jsx(Box, { sx: { display: 'flex', flex: 1, minHeight: 0, overflow: 'hidden' }, children: _jsx(OtelSystemView, { baseUrl: baseUrl, token: token }) }));

package/lib/views/otel/TracesView.d.ts

@@ -0,0 +1,12 @@
+/**
+ * TracesView – Standalone traces-only view.
+ * Renders OtelLive defaulting to the traces signal.
+ */
+import React from 'react';
+export interface TracesViewProps {
+    baseUrl?: string;
+    token?: string;
+    autoRefreshMs?: number;
+    limit?: number;
+}
+export declare const TracesView: React.FC<TracesViewProps>;

package/lib/views/otel/TracesView.js

@@ -0,0 +1,4 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Box } from '@primer/react';
+import { OtelLive } from '../../otel';
+export const TracesView = ({ baseUrl = '', token, autoRefreshMs = 5000, limit = 200, }) => (_jsx(Box, { sx: { display: 'flex', flex: 1, minHeight: 0, overflow: 'hidden' }, children: _jsx(OtelLive, { baseUrl: baseUrl, token: token, autoRefreshMs: autoRefreshMs, defaultSignal: "traces", limit: limit }) }));

package/lib/views/otel/index.d.ts

@@ -0,0 +1,16 @@
+export { DashboardView } from './DashboardView';
+export type { DashboardViewProps } from './DashboardView';
+export { TracesView } from './TracesView';
+export type { TracesViewProps } from './TracesView';
+export { LogsView } from './LogsView';
+export type { LogsViewProps } from './LogsView';
+export { MetricsView } from './MetricsView';
+export type { MetricsViewProps } from './MetricsView';
+export { SqlView } from './SqlView';
+export type { SqlViewProps } from './SqlView';
+export { SystemView } from './SystemView';
+export type { SystemViewProps } from './SystemView';
+export { OtelHeader } from './OtelHeader';
+export type { OtelHeaderProps } from './OtelHeader';
+export { useSimpleAuthStore } from './simpleAuthStore';
+export type { SimpleAuthState } from './simpleAuthStore';

package/lib/views/otel/index.js

@@ -0,0 +1,12 @@
+/*
+ * Copyright (c) 2023-2025 Datalayer, Inc.
+ * Distributed under the terms of the Modified BSD License.
+ */
+export { DashboardView } from './DashboardView';
+export { TracesView } from './TracesView';
+export { LogsView } from './LogsView';
+export { MetricsView } from './MetricsView';
+export { SqlView } from './SqlView';
+export { SystemView } from './SystemView';
+export { OtelHeader } from './OtelHeader';
+export { useSimpleAuthStore } from './simpleAuthStore';

package/lib/views/otel/simpleAuthStore.d.ts

@@ -0,0 +1,21 @@
+export interface SimpleAuthState {
+    /** JWT bearer token (from IAM login). */
+    token: string | null;
+    /** Authenticated user's handle. */
+    handle: string | null;
+    /** Set credentials after successful login. */
+    setAuth: (token: string, handle: string) => void;
+    /** Clear credentials (logout). */
+    clearAuth: () => void;
+}
+export declare const useSimpleAuthStore: import("zustand").UseBoundStore<Omit<import("zustand").StoreApi<SimpleAuthState>, "persist"> & {
+    persist: {
+        setOptions: (options: Partial<import("zustand/middleware").PersistOptions<SimpleAuthState, SimpleAuthState>>) => void;
+        clearStorage: () => void;
+        rehydrate: () => Promise<void> | void;
+        hasHydrated: () => boolean;
+        onHydrate: (fn: (state: SimpleAuthState) => void) => () => void;
+        onFinishHydration: (fn: (state: SimpleAuthState) => void) => () => void;
+        getOptions: () => Partial<import("zustand/middleware").PersistOptions<SimpleAuthState, SimpleAuthState>>;
+    };
+}>;

package/lib/views/otel/simpleAuthStore.js

@@ -0,0 +1,22 @@
+/*
+ * Copyright (c) 2023-2025 Datalayer, Inc.
+ * Distributed under the terms of the Modified BSD License.
+ */
+/**
+ * Minimal token-based authentication store.
+ *
+ * Persists a JWT bearer token and a user handle to localStorage so the
+ * session survives page refreshes.  Intended for demo / example apps that
+ * need a lightweight auth layer without a full IAM integration.
+ *
+ * Import via the `@datalayer/core/views/otel` subpath:
+ *   import { useSimpleAuthStore } from '@datalayer/core/views/otel';
+ */
+import { create } from 'zustand';
+import { persist } from 'zustand/middleware';
+export const useSimpleAuthStore = create()(persist((set) => ({
+    token: null,
+    handle: null,
+    setAuth: (token, handle) => set({ token, handle }),
+    clearAuth: () => set({ token: null, handle: null }),
+}), { name: 'datalayer-simple-auth' }));

package/lib/views/profile/UserBadge.d.ts

@@ -13,6 +13,8 @@ import React from 'react';
 export interface UserBadgeProps {
     /** Raw JWT bearer token. */
     token: string;
+    /** Display variant for the claims overlay. */
+    variant?: 'full' | 'small';
 }
 export declare const UserBadge: React.FC<UserBadgeProps>;
 export default UserBadge;

package/lib/views/profile/UserBadge.js

@@ -18,7 +18,7 @@ import { useState, useRef, useCallback } from 'react';
 import { Box, Text } from '@primer/react';
 import { parseJwtPayload, getDatalayerJwtUser, getDatalayerDisplayName, } from '../../utils/Jwt';
 // ── Component ─────────────────────────────────────────────────────
-export const UserBadge = ({ token }) => {
+export const UserBadge = ({ token, variant = 'full', }) => {
     const [open, setOpen] = useState(false);
     const closeTimer = useRef(null);
     const handleEnter = useCallback(() => {
@@ -85,7 +85,7 @@ export const UserBadge = ({ token }) => {
                                         borderRadius: 1,
                                         border: '1px solid',
                                         borderColor: 'accent.muted',
-                                    }, children: r }, r))) })] })), _jsx(Box, { as: "pre", sx: {
+                                    }, children: r }, r))) })] })), variant === 'full' && (_jsx(Box, { as: "pre", sx: {
                             m: 0,
                             px: 3,
                             py: 2,
@@ -96,6 +96,6 @@ export const UserBadge = ({ token }) => {
                             overflow: 'auto',
                             maxHeight: '220px',
                             whiteSpace: 'pre',
-                        }, children: JSON.stringify(claims, null, 2) })] }))] }));
+                        }, children: JSON.stringify(claims, null, 2) }))] }))] }));
 };
 export default UserBadge;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@datalayer/core",
-  "version": "1.0.3",
+  "version": "1.0.12",
   "type": "module",
   "workspaces": [
     ".",
@@ -28,30 +28,6 @@
   ],
   "main": "lib/index.js",
   "types": "lib/index.d.ts",
-  "exports": {
-    ".": {
-      "types": "./lib/index.d.ts",
-      "default": "./lib/index.js"
-    },
-    "./otel": {
-      "types": "./lib/otel/index.d.ts",
-      "default": "./lib/otel/index.js"
-    },
-    "./views/iam": {
-      "types": "./lib/views/iam/index.d.ts",
-      "default": "./lib/views/iam/index.js"
-    },
-    "./views/profile": {
-      "types": "./lib/views/profile/index.d.ts",
-      "default": "./lib/views/profile/index.js"
-    },
-    "./utils/jwt": {
-      "types": "./lib/utils/Jwt.d.ts",
-      "default": "./lib/utils/Jwt.js"
-    },
-    "./style/*": "./style/*",
-    "./*": "./*"
-  },
   "style": "style/index.css",
   "repository": {
     "type": "git",
@@ -220,7 +196,6 @@
     "@types/node": "^20.11.0",
     "@types/react": "18.3.20",
     "@types/react-dom": "18.3.6",
-    "@types/react-syntax-highlighter": "^15.5.13",
     "@vitejs/plugin-react": "^4.5.2",
     "@vitest/browser": "^3.2.4",
     "@vitest/coverage-v8": "^3.2.4",