Skip to content

Improved Tiled API Client with new Graph API - #72

Open
SeijDeLeon wants to merge 4 commits into
mainfrom
staging
Open

SeijDeLeon wants to merge 4 commits into
mainfrom
staging

Conversation

@SeijDeLeon

Copy link
Copy Markdown
Collaborator
  • Comprehensive Tiled API Client built directly inside finch (instead of a split implementation between Tiled-React-Viewer)
  • Addition of Mutations for Tanstack Hooks
  • Comprehensive Tiled Graph API Client w/ Tanstack hooks

SeijDeLeon and others added 2 commits October 2, 2026 13:19
* add tiled api client internally, add remaining hooks for mutations

* fix potential cache conflicts in tables, fix credential overrides and clearing on logout

* add tiled query playground component for live testing of query hooks

* enhance token storage and clearing

* add tiled query playground

* fix storybook docs for new tiled hooks
* install graphql

* Create graph schema, types, and ops document

* Graph client methods and registry

* Add graph hooks, playground entries, and unit tests

* Add to skills and README

* Document constraint to tiled v0.2.19

* Add client methods for binding to node

* Determine operation kinds and invalidate on error

* Export new hooks and TiledGraphOperationKind type

/** Strip trailing slashes. A base URL is stored without one so concatenation is unambiguous. */
export function normalizeTiledBaseUrl(baseUrl: string): string {
return baseUrl.replace(/\/+$/, '');
config: TiledConnectionConfig,
): void {
try {
window.localStorage.setItem(storageKey(harness), JSON.stringify(config));
@github-actions

Copy link
Copy Markdown
Contributor

✅ Test Results

All tests passed!

Complete Test Suite Coverage:

  • ✅ Buttons - Button, ButtonIconOnly, ButtonWithIcon, ButtonCopyToClipboard
  • ✅ Inputs - InputCheckBox, InputNumber, InputEnumBoxRounded, InputStringBoxRounded
  • ✅ Plots - PlotlyHeatmap, PlotlyHeatmapTiled, PlotlyScatter, Histogram, ColormapPicker
  • ✅ Layout - Sidebar, SidebarItem, FinchSidebar, FinchAppLayout, FinchHeader, FinchMainContent, Header, Main, Bento, Paper, Widget
  • ✅ Tiled - TiledComponents, TiledLinePlotMaker
  • ✅ Devices - Camera, Shutter, DeviceControllerBox, DeviceControllerBoxSimple, TableDeviceController, ControllerAbsoluteMove, ControllerRelativeMove, Hexapod, BeamEnergy
  • ✅ Services - QueueServer, SignalMonitorPlots, Experiment
  • ✅ Misc - IFrame, GoogleDoc, SelectDropdown, ComponentViewer, ComponentViewerUtils

Test Environment: Node.js 20.x
Linting: ✅ ESLint passed
Formatting: ✅ Prettier passed
Type Checking: ✅ TypeScript compilation successful
Build: ✅ Production build successful
Tests: ✅ All tests passed

* record CI step outcomes for PR test summary

* Address node and ubuntu warnings
@github-actions

Copy link
Copy Markdown
Contributor

✅ Test Results

All tests passed!

Complete Test Suite Coverage:

  • ❓ Buttons - Button, ButtonIconOnly, ButtonWithIcon, ButtonCopyToClipboard
  • ❓ Inputs - InputCheckBox, InputNumber, InputEnumBoxRounded, InputStringBoxRounded
  • ❓ Plots - PlotlyHeatmap, PlotlyHeatmapTiled, PlotlyScatter, Histogram, ColormapPicker
  • ❓ Layout - Sidebar, SidebarItem, FinchSidebar, FinchAppLayout, FinchHeader, FinchMainContent, Header, Main, Bento, Paper, Widget
  • ❓ Tiled - TiledComponents, TiledLinePlotMaker
  • ❓ Devices - Camera, Shutter, DeviceControllerBox, DeviceControllerBoxSimple, TableDeviceController, ControllerAbsoluteMove, ControllerRelativeMove, Hexapod, BeamEnergy
  • ❓ Services - QueueServer, SignalMonitorPlots, Experiment
  • ❓ Misc - IFrame, GoogleDoc, SelectDropdown, ComponentViewer, ComponentViewerUtils

Test Environment: Node.js 20.x
Linting: ❓ ESLint status unknown
Formatting: ❓ Formatting status unknown
Type Checking: ❓ Build status unknown
Build: ❓ Production build successful
Tests: ❓ Test status unknown

@SeijDeLeon
SeijDeLeon marked this pull request as ready for review October 14, 2026 18:28

@alisonscheng alisonscheng left a comment

Copy link
Copy Markdown
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Image

@github-actions

Copy link
Copy Markdown
Contributor

✅ Test Results

All tests passed!

Complete Test Suite Coverage:

  • ✅ Buttons - Button, ButtonIconOnly, ButtonWithIcon, ButtonCopyToClipboard
  • ✅ Inputs - InputCheckBox, InputNumber, InputEnumBoxRounded, InputStringBoxRounded
  • ✅ Plots - PlotlyHeatmap, PlotlyHeatmapTiled, PlotlyScatter, Histogram, ColormapPicker
  • ✅ Layout - Sidebar, SidebarItem, FinchSidebar, FinchAppLayout, FinchHeader, FinchMainContent, Header, Main, Bento, Paper, Widget
  • ✅ Tiled - TiledComponents, TiledLinePlotMaker
  • ✅ Devices - Camera, Shutter, DeviceControllerBox, DeviceControllerBoxSimple, TableDeviceController, ControllerAbsoluteMove, ControllerRelativeMove, Hexapod, BeamEnergy
  • ✅ Services - QueueServer, SignalMonitorPlots, Experiment
  • ✅ Misc - IFrame, GoogleDoc, SelectDropdown, ComponentViewer, ComponentViewerUtils

Test Environment: Node.js 20.x
Linting: ✅ ESLint passed
Formatting: ✅ Prettier passed
Type Checking: ✅ TypeScript compilation successful
Build: ✅ Production build successful
Tests: ✅ All tests passed

This branch has not been deployed

No deployments
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants