Conversation
cmil
changed the title
Green baseline for the v3.0.0 migration: introduce TS + Vitest without touching any runtime code. Converts vite.config and eslint.config to TS, adds tsconfig.json, wires up jsdom-based Vitest with jest-dom matchers. Fixes two pre-existing lint errors surfaced by the updated globals package. Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
Move getCharacters, getCooccurrences, makeCsv, and the nearley parser wrapper out of EzlinavisComponent into src/lib/ as strictly-typed TS, with unit tests. Add ambient declaration for the generated grammar.js and @types/nearley for parser types. The parseList tests also smoke-run every bundled example under public/examples/. EzlinavisComponent still class-based and still wired to react-sigma — component refactor comes in the next step. Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
All components moved from class-based JSX to function-based TSX with
hooks (useState, useCallback, useMemo). Entrypoint renamed
src/index.jsx to src/main.tsx and referenced from index.html. The stale
CRA smoke test (src/App.test.jsx) is deleted; prop-types is no longer
imported anywhere.
Staying on React 16 for now: react-bootstrap 0.31 and react-sigma 1.x
are still in place. Ambient module declarations in src/legacy-shims.d.ts
cover those untyped libs until they are removed in the next step.
Tooling: TypeScript pinned to 6.0 (7.x breaks typescript-estree),
typescript-eslint added, @types/react{,-dom} pinned to 16 to match
runtime.
Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
Big consolidated step for the v3.0.0 track: - React 16 to 19; main.tsx now uses createRoot. - Drop react-bootstrap 0.31 + Bootstrap 3 CDN. Adopt Tailwind v4 via @tailwindcss/vite and @dracor/react's dracor.css theme. Delete App.css / EzlinavisComponent.css — all layout is now inline Tailwind. - Info modal reimplemented with Headless UI Dialog. Examples/Graph dropdowns rewritten with Headless UI Menu (skipping @dracor/react's NavBar since it requires @tanstack/react-router which we do not need). - CSV download uses @dracor/react's DownloadButton. - react-debounce-input replaced by a small useDebouncedValue hook, and ListInputComponent is now a plain controlled textarea; debouncing lives in the parent so the parse/graph pipeline reacts on a settled value. - react-sigma 1.x replaced by sigma v3 + graphology + @react-sigma/core, with worker-based ForceAtlas2 and Noverlap layouts. ForceLink dropped (no direct equivalent in the graphology ecosystem). - legacy-shims.d.ts removed; eslint-plugin-react-hooks added. Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
- Anchor the app to the dynamic viewport height (h-dvh) on the outer container instead of chaining height: 100% through html/body/#root. - Add min-h-0 + overflow-hidden on the columns row so the sigma canvas (which rounds up by 1-2px on high-DPR displays) can't push the flex parent past the viewport. - overscroll-behavior: none on html/body kills the macOS/iOS rubber-band bounce. - Drop the redundant wrapper in App.tsx. Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
Switch the CSV column from absolute positioning to a flex-col layout so the DraCor DownloadButton sits on its own row above the CSV preview. Shrink the button's icon from w-14 to w-8 via a descendant selector and add a "Download CSV" tooltip. Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
Both worker-based layouts kept spinning forever, leaving nodes jittering even after the graph had converged. Auto-stop each after a fixed duration (2s for both) and re-trigger on scene changes so new example loads still animate. Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
Selecting an example was letting the old graph linger for 500ms while the debounce hook caught up. Replace the useDebouncedValue hook with an inline setTimeout so example loads (and any other programmatic text change) can flush immediately while user typing stays debounced. Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
Sigma preserves camera state across loadGraph calls, so zoom and pan persisted when switching examples. Reset to the default view whenever scenes change. Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
Shrink padding and font size, raise the max height to 80vh so the full list of examples is visible without scrolling on a typical viewport. Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
Bring back a spring-embedded option (Force, the modern equivalent of the old ForceLink) and add a Circular layout for small networks where you want every pairwise edge visible. Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
1 participant
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Summary
Bumps ezlinavis to a modern stack:
react-bootstrap→ Tailwind v4 +@dracor/react+ Headless UI.react-sigma1.x →sigmav3 +graphology+@react-sigma/corewith four layouts (NOverlap, ForceAtlas2, Force, Circular).src/lib/with Vitest coverage; ESLint + typecheck + tests wired up.node-version: lts/*.ForceLinkis gone (no direct equivalent); Force is the closest replacement.Test plan