@llamaindex/workflow-debugger 0.2.0 → 0.2.1

package/src/index.css

@@ -1,86 +0,0 @@
-@import "tailwindcss";
-@import "@llamaindex/ui/styles.css";
-
-:root {
-  font-synthesis: none;
-  text-rendering: optimizeLegibility;
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-
-  /* Workflow edge colors for better visibility */
-  --wf-edge-stroke: #9ca3af;
-  --wf-edge-stroke-hover: #6b7280;
-}
-
-.dark {
-  --wf-edge-stroke: #6b7280;
-  --wf-edge-stroke-hover: #9ca3af;
-}
-
-/* Reset body to allow UI package to handle layout */
-body {
-  margin: 0;
-  min-width: 320px;
-  min-height: 100vh;
-  overflow: hidden; /* Prevent scrolling on the body */
-}
-
-/* Smooth transitions for theme changes */
-* {
-  transition:
-    background-color 0.2s ease,
-    border-color 0.2s ease,
-    color 0.2s ease;
-}
-
-/* Dev tools styling */
-#root {
-  height: 100vh;
-  overflow: hidden;
-}
-
-/* Smooth sidebar transitions */
-.sidebar-transition {
-  transition:
-    width 0.2s ease-in-out,
-    margin 0.2s ease-in-out;
-}
-
-/* Vertical text for collapsed panels */
-.writing-mode-vertical {
-  writing-mode: vertical-rl;
-  text-orientation: mixed;
-}
-
-/* ReactFlow edge styling for better visibility */
-.react-flow__edge-path {
-  stroke: var(--wf-edge-stroke) !important;
-  stroke-width: 2px;
-}
-
-.react-flow__edge:hover .react-flow__edge-path {
-  stroke: var(--wf-edge-stroke-hover) !important;
-  stroke-width: 3px;
-}
-
-.react-flow__edge-textwrapper {
-  pointer-events: all;
-}
-
-/* ReactFlow arrow markers */
-.react-flow__arrowhead {
-  fill: var(--wf-edge-stroke);
-}
-
-.react-flow__edge:hover .react-flow__arrowhead {
-  fill: var(--wf-edge-stroke-hover);
-}
-
-/* Make sure edges are visible over background */
-.react-flow__edges {
-  z-index: 1;
-}
-
-.react-flow__nodes {
-  z-index: 2;
-}

package/src/main.tsx

@@ -1,24 +0,0 @@
-import { StrictMode } from "react";
-import { createRoot } from "react-dom/client";
-import "./index.css";
-import App from "./App";
-
-// Apply dark mode based on system preference
-function applySystemTheme() {
-  const isDark = window.matchMedia("(prefers-color-scheme: dark)").matches;
-  document.documentElement.classList.toggle("dark", isDark);
-}
-
-// Apply theme immediately to prevent flash
-applySystemTheme();
-
-// Listen for system theme changes
-window
-  .matchMedia("(prefers-color-scheme: dark)")
-  .addEventListener("change", applySystemTheme);
-
-createRoot(document.getElementById("root")!).render(
-  <StrictMode>
-    <App />
-  </StrictMode>,
-);

package/tailwind.config.js

@@ -1,9 +0,0 @@
-/** @type {import('tailwindcss').Config} */
-export default {
-  content: ["./index.html", "./src/**/*.{js,ts,jsx,tsx}"],
-  darkMode: "class",
-  theme: {
-    extend: {},
-  },
-  plugins: [],
-};

package/tests/json-schema-editor.test.tsx

@@ -1,62 +0,0 @@
-import { describe, it, expect, vi } from "vitest";
-import { render, screen, fireEvent } from "@testing-library/react";
-import { JsonSchemaEditor } from "../src/components/json-schema-editor";
-
-describe("JsonSchemaEditor (debugger)", () => {
-  const baseSchema = {
-    properties: {
-      title: { type: "string", title: "Title" },
-      count: { type: "number", title: "Count" },
-      enabled: { type: "boolean", title: "Enabled" },
-      tags: { type: "array", title: "Tags" },
-    },
-    required: ["title"] as string[],
-  };
-
-  it("updates primitive fields and validates arrays", () => {
-    const onChange = vi.fn();
-    const onErrors = vi.fn();
-    render(
-      <JsonSchemaEditor
-        schema={baseSchema}
-        values={{}}
-        onChange={onChange}
-        onErrorsChange={onErrors}
-      />,
-    );
-
-    // string
-    fireEvent.change(screen.getByLabelText(/Title/i), {
-      target: { value: "x" },
-    });
-    expect(onChange).toHaveBeenCalledWith(
-      expect.objectContaining({ title: "x" }),
-    );
-
-    // number
-    fireEvent.change(screen.getByLabelText(/Count/i), {
-      target: { value: "1" },
-    });
-    expect(onChange).toHaveBeenCalledWith(
-      expect.objectContaining({ count: 1 }),
-    );
-
-    // boolean
-    fireEvent.click(screen.getByRole("combobox"));
-    fireEvent.click(screen.getByText("True"));
-    expect(onChange).toHaveBeenCalledWith(
-      expect.objectContaining({ enabled: true }),
-    );
-
-    // array invalid then valid
-    const tags = screen.getByLabelText(/Tags \(JSON\)/i);
-    fireEvent.change(tags, { target: { value: "[" } });
-    expect(onErrors).toHaveBeenCalledWith(
-      expect.objectContaining({ tags: "Invalid JSON" }),
-    );
-    fireEvent.change(tags, { target: { value: '["a"]' } });
-    expect(onErrors).toHaveBeenLastCalledWith(
-      expect.objectContaining({ tags: null }),
-    );
-  });
-});

package/tests/test-setup.ts

@@ -1 +0,0 @@
-import "@testing-library/jest-dom";

package/tsconfig.build.json

@@ -1,5 +0,0 @@
-{
-  "extends": "./tsconfig.json",
-  "compilerOptions": {},
-  "include": ["src"]
-}

package/tsconfig.json

@@ -1,16 +0,0 @@
-{
-  "extends": "../../tsconfig.base.json",
-  "compilerOptions": {
-    "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.app.tsbuildinfo",
-    "noEmit": true,
-    "types": ["vite/client", "node"],
-    "baseUrl": ".",
-    "paths": {
-      "@/*": ["../ui/*"],
-      "@llamaindex/ui": ["../ui/src"],
-      "@llamaindex/workflows-client": ["../workflows-client/src"],
-      "@shared/*": ["../../shared/*"]
-    }
-  },
-  "include": ["src"]
-}

package/vite.config.ts

@@ -1,46 +0,0 @@
-import { defineConfig } from "vite";
-import react from "@vitejs/plugin-react-swc";
-import { createRequire } from "module";
-import path from "path";
-
-const require = createRequire(import.meta.url);
-const { version } = require("./package.json");
-
-// Build as a library that emits only JS/CSS assets with versioned filenames
-export default defineConfig(({ mode }) => ({
-  plugins: [react()],
-  resolve: {
-    alias: {
-      "@shared": path.resolve(__dirname, "../shared"),
-    },
-  },
-  define: {
-    "process.env.NODE_ENV": JSON.stringify(
-      mode === "production" ? "production" : "development",
-    ),
-  },
-  build: {
-    lib: {
-      entry: "src/main.tsx",
-      name: "WorkflowDebugger",
-      formats: ["iife"],
-      fileName: () => `debugger.v${version}.js`,
-    },
-    cssCodeSplit: false,
-    rollupOptions: {
-      external: [],
-      output: {
-        inlineDynamicImports: true,
-        assetFileNames: (assetInfo) => {
-          // Force CSS to use versioned filename as well
-          const name =
-            assetInfo.name || (assetInfo.names && assetInfo.names[0]) || "";
-          if (typeof name === "string" && name.endsWith(".css")) {
-            return `debugger.v${version}.css`;
-          }
-          return "assets/[name][extname]";
-        },
-      },
-    },
-  },
-}));

package/vitest.config.ts

@@ -1,16 +0,0 @@
-import { defineConfig } from "vitest/config";
-import react from "@vitejs/plugin-react-swc";
-import path from "path";
-
-export default defineConfig({
-  plugins: [react()],
-  test: {
-    environment: "jsdom",
-    globals: true,
-    setupFiles: [path.resolve(__dirname, "tests/test-setup.ts")],
-    include: ["tests/**/*.{test,spec}.{ts,tsx}"],
-  },
-  define: {
-    "process.env": process.env,
-  },
-});