npm - @datarecce/ui - Versions diffs - 0.1.30 → 0.1.31 - Mend

@datarecce/ui 0.1.30 → 0.1.31

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 (549) hide show

package/recce-source/js/app/global-error.tsx ADDED Viewed

@@ -0,0 +1,115 @@
+/**
+ * Next.js Global Error Boundary
+ *
+ * This file handles errors in the root layout.tsx.
+ * It must include its own <html> and <body> tags since it replaces
+ * the root layout when active.
+ *
+ * @see https://nextjs.org/docs/app/building-your-application/routing/error-handling#handling-errors-in-root-layouts
+ */
+"use client";
+import * as Sentry from "@sentry/nextjs";
+import { useEffect } from "react";
+import { colors } from "@/components/ui/mui-theme";
+interface GlobalErrorProps {
+  error: Error & { digest?: string };
+  reset: () => void;
+}
+export default function GlobalError({ error, reset }: GlobalErrorProps) {
+  useEffect(() => {
+    // Log the error to Sentry with high priority
+    Sentry.captureException(error, {
+      level: "fatal",
+      tags: {
+        errorBoundary: "global",
+        digest: error.digest,
+      },
+      extra: {
+        componentStack: error.stack,
+      },
+    });
+    console.error("Global Error Boundary caught error:", error);
+  }, [error]);
+  return (
+    <html lang="en">
+      <body>
+        <div
+          style={{
+            display: "flex",
+            flexDirection: "column",
+            alignItems: "center",
+            justifyContent: "center",
+            height: "100vh",
+            backgroundColor: colors.neutral[50],
+            fontFamily: "system-ui, sans-serif",
+          }}
+        >
+          <div
+            style={{
+              padding: "2rem",
+              backgroundColor: "#FFFFFF",
+              border: `1px solid ${colors.neutral[200]}`,
+              borderRadius: "8px",
+              maxWidth: "600px",
+              boxShadow: "0 4px 6px rgba(0, 0, 0, 0.1)",
+            }}
+          >
+            <h1
+              style={{
+                fontSize: "1.5rem",
+                fontWeight: 600,
+                marginBottom: "1rem",
+                color: colors.neutral[900],
+              }}
+            >
+              Something went wrong
+            </h1>
+            <p
+              style={{
+                fontSize: "0.875rem",
+                color: colors.neutral[600],
+                marginBottom: "1rem",
+              }}
+            >
+              {error.message || "An unexpected error occurred"}
+            </p>
+            {error.digest && (
+              <p
+                style={{
+                  fontSize: "0.75rem",
+                  color: colors.neutral[400],
+                  marginBottom: "1.5rem",
+                }}
+              >
+                Error ID: {error.digest}
+              </p>
+            )}
+            <button
+              onClick={() => reset()}
+              style={{
+                padding: "0.5rem 1rem",
+                backgroundColor: colors.iochmara[500],
+                color: "#FFFFFF",
+                border: "none",
+                borderRadius: "4px",
+                fontSize: "0.875rem",
+                cursor: "pointer",
+              }}
+            >
+              Try again
+            </button>
+          </div>
+        </div>
+      </body>
+    </html>
+  );
+}

package/recce-source/js/app/global.css ADDED Viewed

@@ -0,0 +1,82 @@
+@import "tailwindcss";
+@theme {
+  --color-brand: rgb(253, 104, 62);
+  --font-sans:
+    ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji",
+    "Segoe UI Symbol", "Noto Color Emoji";
+  --font-mono:
+    ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
+    "Courier New", monospace;
+}
+/**
+ * Theme-aware CSS custom properties
+ * These variables change based on the theme class set by next-themes
+ */
+:root,
+.light {
+  /* Neutral colors - light mode */
+  --recce-neutral-50: #fafafa;
+  --recce-neutral-100: #f5f5f5;
+  --recce-neutral-200: #e5e5e5;
+  --recce-neutral-300: #d4d4d4;
+  --recce-neutral-700: #404040;
+  --recce-neutral-800: #262626;
+  /* Semantic colors - light mode */
+  --recce-bg-default: #ffffff;
+  --recce-bg-paper: #ffffff;
+  --recce-bg-subtle: #fafafa;
+  --recce-bg-muted: #f1f5f9;
+  --recce-border-default: #d4d4d4;
+  --recce-border-light: #e5e5e5;
+  --recce-text-primary: #171717;
+  --recce-text-secondary: #525252;
+  /* Gutter/split pane colors */
+  --recce-gutter-bg: #eeeeee;
+  --recce-gutter-hover: #ff6e42;
+}
+.dark {
+  /* Neutral colors - dark mode */
+  --recce-neutral-50: #fafafa;
+  --recce-neutral-100: #f5f5f5;
+  --recce-neutral-200: #e5e5e5;
+  --recce-neutral-300: #d4d4d4;
+  --recce-neutral-700: #404040;
+  --recce-neutral-800: #262626;
+  /* Semantic colors - dark mode */
+  --recce-bg-default: #171717;
+  --recce-bg-paper: #262626;
+  --recce-bg-subtle: #262626;
+  --recce-bg-muted: #1e293b;
+  --recce-border-default: #525252;
+  --recce-border-light: #404040;
+  --recce-text-primary: #fafafa;
+  --recce-text-secondary: #a3a3a3;
+  /* Gutter/split pane colors */
+  --recce-gutter-bg: #404040;
+  --recce-gutter-hover: #ff6e42;
+}
+/*
+  The default border color has changed to `currentcolor` in Tailwind CSS v4,
+  so we've added these compatibility styles to make sure everything still
+  looks the same as it did with Tailwind CSS v3.
+  If we ever want to remove these styles, we need to add an explicit border
+  color utility to any element that depends on these defaults.
+*/
+@layer base {
+  *,
+  ::after,
+  ::before,
+  ::backdrop,
+  ::file-selector-button {
+    border-color: var(--color-gray-200, currentcolor);
+  }
+}

package/recce-source/js/app/layout.tsx ADDED Viewed

@@ -0,0 +1,48 @@
+import type { Metadata } from "next";
+import "./global.css";
+import { GoogleTagManager } from "@next/third-parties/google";
+import Providers from "app/Providers";
+import Script from "next/script";
+import { ReactNode } from "react";
+const GTM_ID = process.env.GTM_ID;
+export const metadata: Metadata = {
+  title: "recce",
+  description: "Recce: Data validation toolkit for comprehensive PR review",
+};
+interface RootLayoutProps {
+  children: ReactNode;
+  /** Parallel route slot from @lineage folder */
+  lineage: ReactNode;
+}
+export default function RootLayout({
+  children,
+  lineage,
+}: RootLayoutProps): ReactNode {
+  return (
+    <html lang="en" suppressHydrationWarning={true}>
+      {GTM_ID != null && GTM_ID.trim().length > 0 && (
+        <GoogleTagManager gtmId={GTM_ID} />
+      )}
+      {/* Handle legacy hashbang URL redirects */}
+      <Script
+        dangerouslySetInnerHTML={{
+          __html: `
+    (function() {
+      const hash = window.location.hash;
+      if (hash.startsWith('#!')) {
+        const newLocation = window.location.origin + window.location.pathname;
+        window.location.assign(newLocation);
+      }
+    })();
+  `,
+        }}
+      />
+      <body>
+        <Providers lineage={lineage}>{children}</Providers>
+      </body>
+    </html>
+  );
+}

package/recce-source/js/app/lineage/page.tsx ADDED Viewed

@@ -0,0 +1,15 @@
+"use client";
+import { ReactNode } from "react";
+/**
+ * This page intentionally renders nothing.
+ * The LineagePage is rendered via the @lineage parallel route slot,
+ * which stays mounted to preserve React Flow state across navigation.
+ *
+ * @see app/@lineage/page.tsx - The actual LineagePage render
+ * @see app/MainLayout.tsx - Controls visibility of the parallel slot
+ */
+export default function LineageRoutingPage(): ReactNode {
+  return null;
+}

package/recce-source/js/app/page.tsx ADDED Viewed

@@ -0,0 +1,12 @@
+/**
+ * Root Page
+ *
+ * Redirects to /lineage by default.
+ * The redirect is handled server-side for faster navigation.
+ */
+import { redirect } from "next/navigation";
+export default function Home() {
+  redirect("/lineage");
+}

package/recce-source/js/app/query/page.tsx ADDED Viewed

@@ -0,0 +1,8 @@
+"use client";
+import { ReactNode } from "react";
+import { QueryPage } from "@/components/query/QueryPage";
+export default function QueryRoutingPage(): ReactNode {
+  return <QueryPage />;
+}

package/recce-source/js/biome.json ADDED Viewed

@@ -0,0 +1,313 @@
+{
+  "$schema": "https://biomejs.dev/schemas/2.3.10/schema.json",
+  "vcs": {
+    "enabled": true,
+    "clientKind": "git",
+    "useIgnoreFile": true,
+    "defaultBranch": "main"
+  },
+  "files": {
+    "ignoreUnknown": false
+  },
+  "formatter": {
+    "enabled": true,
+    "indentStyle": "space"
+  },
+  "css": {
+    "parser": {
+      "tailwindDirectives": true
+    }
+  },
+  "linter": {
+    "enabled": true,
+    "rules": {
+      "recommended": false,
+      "complexity": {
+        "noAdjacentSpacesInRegex": "error",
+        "noExtraBooleanCast": "error",
+        "noStaticOnlyClass": "error",
+        "noUselessCatch": "error",
+        "noUselessConstructor": "error",
+        "noUselessEscapeInRegex": "error",
+        "noUselessTypeConstraint": "error",
+        "useLiteralKeys": "error",
+        "useOptionalChain": "error"
+      },
+      "correctness": {
+        "noConstAssign": "error",
+        "noConstantCondition": "error",
+        "noEmptyCharacterClassInRegex": "error",
+        "noEmptyPattern": "error",
+        "noGlobalObjectCalls": "error",
+        "noInvalidBuiltinInstantiation": "error",
+        "noInvalidConstructorSuper": "error",
+        "noNonoctalDecimalEscape": "error",
+        "noPrecisionLoss": "error",
+        "noSelfAssign": "error",
+        "noSetterReturn": "error",
+        "noSwitchDeclarations": "error",
+        "noUndeclaredVariables": "error",
+        "noUnreachable": "error",
+        "noUnreachableSuper": "error",
+        "noUnsafeFinally": "error",
+        "noUnsafeOptionalChaining": "error",
+        "noUnusedLabels": "error",
+        "noUnusedPrivateClassMembers": "error",
+        "noUnusedVariables": "error",
+        "useExhaustiveDependencies": "error",
+        "useHookAtTopLevel": "error",
+        "useIsNan": "error",
+        "useValidForDirection": "error",
+        "useValidTypeof": "error",
+        "useYield": "error"
+      },
+      "style": {
+        "noCommonJs": "error",
+        "noInferrableTypes": "error",
+        "noNamespace": "error",
+        "noNonNullAssertion": "error",
+        "useArrayLiterals": "error",
+        "useAsConstAssertion": "error",
+        "useBlockStatements": "off",
+        "useConsistentArrayType": "error",
+        "useConsistentTypeDefinitions": "error",
+        "useForOf": "error",
+        "useLiteralEnumMembers": "error",
+        "useShorthandFunctionType": "error",
+        "useUnifiedTypeSignatures": "error"
+      },
+      "suspicious": {
+        "noArrayIndexKey": "error",
+        "noAsyncPromiseExecutor": "error",
+        "noCatchAssign": "error",
+        "noClassAssign": "error",
+        "noCompareNegZero": "error",
+        "noConfusingVoidType": "error",
+        "noConstantBinaryExpressions": "error",
+        "noControlCharactersInRegex": "error",
+        "noDebugger": "error",
+        "noDuplicateCase": "error",
+        "noDuplicateClassMembers": "error",
+        "noDuplicateElseIf": "error",
+        "noDuplicateObjectKeys": "error",
+        "noDuplicateParameters": "error",
+        "noEmptyBlockStatements": "error",
+        "noExplicitAny": "error",
+        "noExtraNonNullAssertion": "error",
+        "noFallthroughSwitchClause": "error",
+        "noFunctionAssign": "error",
+        "noGlobalAssign": "error",
+        "noImportAssign": "error",
+        "noIrregularWhitespace": "error",
+        "noMisleadingCharacterClass": "error",
+        "noMisleadingInstantiator": "error",
+        "noNonNullAssertedOptionalChain": "error",
+        "noPrototypeBuiltins": "error",
+        "noRedeclare": "error",
+        "noShadowRestrictedNames": "error",
+        "noSparseArray": "error",
+        "noUnsafeDeclarationMerging": "error",
+        "noUnsafeNegation": "error",
+        "noUselessRegexBackrefs": "error",
+        "noWith": "error",
+        "useAdjacentOverloadSignatures": "error",
+        "useAwait": "error",
+        "useGetterReturn": "error",
+        "useNamespaceKeyword": "error"
+      }
+    },
+    "includes": [
+      "**",
+      "!**/.next",
+      "!**/.swc",
+      "!*.js",
+      "!**/.vscode",
+      "!**/.husky",
+      "!**/.github",
+      "!**/public",
+      "!**/node_modules",
+      "!**/out",
+      "!eslint.config.*",
+      "!next-env.d.ts"
+    ]
+  },
+  "javascript": {
+    "formatter": {
+      "quoteStyle": "double"
+    },
+    "globals": [
+      "onanimationend",
+      "exports",
+      "ongamepadconnected",
+      "onlostpointercapture",
+      "onanimationiteration",
+      "onkeyup",
+      "onmousedown",
+      "onanimationstart",
+      "onslotchange",
+      "onprogress",
+      "ontransitionstart",
+      "onpause",
+      "onended",
+      "onpointerover",
+      "onscrollend",
+      "onformdata",
+      "ontransitionrun",
+      "onanimationcancel",
+      "ondrag",
+      "onchange",
+      "onbeforeinstallprompt",
+      "onbeforexrselect",
+      "onmessage",
+      "ontransitioncancel",
+      "onpointerdown",
+      "onabort",
+      "onpointerout",
+      "oncuechange",
+      "ongotpointercapture",
+      "onscrollsnapchanging",
+      "onsearch",
+      "onsubmit",
+      "onstalled",
+      "onsuspend",
+      "onreset",
+      "onerror",
+      "onresize",
+      "onmouseenter",
+      "ongamepaddisconnected",
+      "ondragover",
+      "onbeforetoggle",
+      "onmouseover",
+      "onpagehide",
+      "onmousemove",
+      "onratechange",
+      "oncommand",
+      "onmessageerror",
+      "onwheel",
+      "ondevicemotion",
+      "onauxclick",
+      "ontransitionend",
+      "onpaste",
+      "onpageswap",
+      "ononline",
+      "ondeviceorientationabsolute",
+      "onkeydown",
+      "onclose",
+      "onselect",
+      "onpageshow",
+      "onpointercancel",
+      "onbeforematch",
+      "onpointerrawupdate",
+      "ondragleave",
+      "onscrollsnapchange",
+      "onseeked",
+      "onwaiting",
+      "onbeforeunload",
+      "onplaying",
+      "onvolumechange",
+      "ondragend",
+      "onstorage",
+      "onloadeddata",
+      "onfocus",
+      "onoffline",
+      "onplay",
+      "onafterprint",
+      "onclick",
+      "oncut",
+      "onmouseout",
+      "ondblclick",
+      "oncanplay",
+      "onloadstart",
+      "onappinstalled",
+      "onpointermove",
+      "ontoggle",
+      "oncontextmenu",
+      "onblur",
+      "oncancel",
+      "onbeforeprint",
+      "oncontextrestored",
+      "onloadedmetadata",
+      "onpointerup",
+      "onlanguagechange",
+      "oncopy",
+      "onselectstart",
+      "onscroll",
+      "onload",
+      "ondragstart",
+      "onbeforeinput",
+      "oncanplaythrough",
+      "oninput",
+      "oninvalid",
+      "ontimeupdate",
+      "ondurationchange",
+      "onselectionchange",
+      "onmouseup",
+      "location",
+      "onkeypress",
+      "onpointerleave",
+      "oncontextlost",
+      "ondrop",
+      "onsecuritypolicyviolation",
+      "oncontentvisibilityautostatechange",
+      "ondeviceorientation",
+      "onseeking",
+      "onrejectionhandled",
+      "onunload",
+      "onmouseleave",
+      "onhashchange",
+      "onpointerenter",
+      "onmousewheel",
+      "onunhandledrejection",
+      "ondragenter",
+      "onpopstate",
+      "onpagereveal",
+      "onemptied"
+    ]
+  },
+  "overrides": [
+    {
+      "includes": ["**/*.ts", "**/*.tsx", "**/*.mts", "**/*.cts"],
+      "linter": {
+        "rules": {
+          "complexity": {
+            "noArguments": "error"
+          },
+          "correctness": {
+            "noConstAssign": "off",
+            "noGlobalObjectCalls": "off",
+            "noInvalidBuiltinInstantiation": "off",
+            "noInvalidConstructorSuper": "off",
+            "noSetterReturn": "off",
+            "noUndeclaredVariables": "off",
+            "noUnreachable": "off",
+            "noUnreachableSuper": "off"
+          },
+          "style": {
+            "useConst": "error"
+          },
+          "suspicious": {
+            "noClassAssign": "off",
+            "noDuplicateClassMembers": "off",
+            "noDuplicateObjectKeys": "off",
+            "noDuplicateParameters": "off",
+            "noFunctionAssign": "off",
+            "noImportAssign": "off",
+            "noRedeclare": "off",
+            "noUnsafeNegation": "off",
+            "noVar": "error",
+            "noWith": "off",
+            "useGetterReturn": "off"
+          }
+        }
+      }
+    }
+  ],
+  "assist": {
+    "enabled": true,
+    "actions": {
+      "source": {
+        "organizeImports": "on"
+      }
+    }
+  }
+}

package/recce-source/js/jest.config.js ADDED Viewed

@@ -0,0 +1,34 @@
+const nextJest = require("next/jest");
+const createJestConfig = nextJest({
+  // Provide the path to your Next.js app to load next.config.js and .env files in your test environment
+  dir: "./",
+});
+// Add any custom config to be passed to Jest
+const customJestConfig = {
+  setupFilesAfterEnv: ["<rootDir>/jest.setup.js"],
+  testEnvironment: "jest-environment-jsdom",
+  // Module name mapper for path aliases
+  moduleNameMapper: {
+    "^@/(.*)$": "<rootDir>/src/$1",
+    "^@theme/(.*)$": "<rootDir>/theme/$1",
+    "^app/(.*)$": "<rootDir>/app/$1",
+  },
+  // Test file patterns
+  testMatch: ["**/__tests__/**/*.[jt]s?(x)", "**/?(*.)+(spec|test).[jt]s?(x)"],
+  // Coverage configuration
+  collectCoverageFrom: [
+    "src/**/*.{js,jsx,ts,tsx}",
+    "app/**/*.{js,jsx,ts,tsx}",
+    "!**/*.d.ts",
+    "!**/node_modules/**",
+  ],
+  // Transform ignore patterns for ES modules
+  transformIgnorePatterns: [
+    "/node_modules/(?!(react-data-grid|@emotion|@mui)/)",
+  ],
+};
+// createJestConfig is exported this way to ensure that next/jest can load the Next.js config which is async
+module.exports = createJestConfig(customJestConfig);

package/recce-source/js/jest.globals.d.ts ADDED Viewed

@@ -0,0 +1,32 @@
+/**
+ * Jest type declarations
+ *
+ * This file extends Jest's types with:
+ * - @testing-library/jest-dom matchers (toBeInTheDocument, etc.)
+ * - Custom mock helpers for Next.js navigation
+ */
+import "@testing-library/jest-dom";
+interface MockRouter {
+  push: jest.Mock;
+  replace: jest.Mock;
+  back: jest.Mock;
+  forward: jest.Mock;
+  refresh: jest.Mock;
+  prefetch: jest.Mock;
+}
+interface MockNextNavigation {
+  setPathname: (pathname: string) => void;
+  setSearchParams: (params: string | Record<string, string>) => void;
+  setParams: (params: Record<string, string>) => void;
+  getRouter: () => MockRouter;
+  reset: () => void;
+}
+declare global {
+  var mockNextNavigation: MockNextNavigation;
+}
+export {};