Skip to content

FE-518: Add Storybook and update build/lint setup for refractive#8549

Merged
kube merged 6 commits intomainfrom
cf/fe-518-add-storybook-and-update-build-setup
Mar 17, 2026
Merged

FE-518: Add Storybook and update build/lint setup for refractive#8549
kube merged 6 commits intomainfrom
cf/fe-518-add-storybook-and-update-build-setup

Conversation

@kube
Copy link
Collaborator

@kube kube commented Mar 15, 2026

🌟 What is the purpose of this PR?

Modernizes the build, lint, and dev tooling for @hashintel/petrinaut, @apps/petrinaut-website, and @hashintel/refractive to use the latest versions of Vite, oxlint, and the React Compiler plugin — and aligns all three packages on the same configuration patterns.

🔗 Related links

🔍 What does this change?

Migrate petrinaut & petrinaut-website from ESLint to oxlint

  • Replace eslint.config.js with .oxlintrc.json in both packages
  • Enable --type-aware linting and --report-unused-disable-directives-severity=error
  • Add jsx-a11y, unicorn plugins; promote all warn rules to error
  • Fix all newly-surfaced lint violations (unused disables, missing use no memo, etc.)
  • Add CLAUDE.md for petrinaut with stack/conventions docs

Upgrade dev tooling across all three packages

  • @vitejs/plugin-react 5.x → 6.0.1
  • @typescript/native-preview → 7.0.0-dev.20260315.1
  • rolldown-plugin-dts → 0.22.5, storybook → 10.2.19
  • Switch React Compiler setup from inline babel.plugins to @rolldown/plugin-babel + reactCompilerPreset
  • Drop unused devDependencies from petrinaut

Add Storybook to @hashintel/refractive

  • Add .storybook/ config and playground.stories.tsx (replaces old playground/ directory)
  • Remove the old playground app

Align @hashintel/refractive config with petrinaut

  • Adopt identical .oxlintrc.json, tsconfig.json (noFallthroughCasesInSwitch), and Vite config patterns
  • Add oxlint-tsgolint, @rolldown/plugin-babel devDependencies
  • Rename uppercase constant functions (CONVEXconvex, etc.) to satisfy new-cap rule

Monorepo fixes

  • Exclude node_modules from workspace glob to fix turbo duplicate package error
  • Add web-worker to hash-frontend for elkjs compatibility
  • Extract ui-subviews.ts constant in petrinaut to fix circular reference

Pre-Merge Checklist 🚀

🚢 Has this modified a publishable library?

This PR:

  • modifies an npm-publishable library and I have added a changeset file(s)

📜 Does this require a change to the docs?

The changes in this PR:

  • are internal and do not require a docs change

🕸️ Does this require a change to the Turbo Graph?

The changes in this PR:

  • affected the execution graph, and the turbo.json's have been updated to reflect this

🛡 What tests cover this?

  • yarn lint:eslint and yarn lint:tsc pass for all three packages
  • yarn build succeeds for @hashintel/refractive and @hashintel/petrinaut

@vercel
Copy link

vercel bot commented Mar 15, 2026

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Actions Updated (UTC)
hash Ready Ready Preview, Comment Mar 17, 2026 3:18pm
hashdotdesign Ready Ready Preview, Comment Mar 17, 2026 3:18pm
hashdotdesign-tokens Ready Ready Preview, Comment Mar 17, 2026 3:18pm
petrinaut Ready Ready Preview Mar 17, 2026 3:18pm

Copy link
Collaborator Author

kube commented Mar 15, 2026

@kube kube marked this pull request as ready for review March 15, 2026 16:36
@cursor
Copy link

cursor bot commented Mar 15, 2026

PR Summary

Medium Risk
Moderate risk because it changes @hashintel/refractive's build output/toolchain (Vite/Rolldown, types generation, lint/tsc) and renames exported surface-equation functions, which can break downstream imports.

Overview
Modernizes @hashintel/refractive tooling and dev workflow. Adds Storybook configuration and a new playground story, while removing the old Vite playground/ app and switching dev to run Storybook.

Reworks build/lint setup for @hashintel/refractive. Migrates linting from ESLint to oxlint, switches typechecking to tsgo, updates tsconfig.json, and refactors vite.config.ts to use @rolldown/plugin-babel (React Compiler preset) plus rolldown-plugin-dts, producing an ES-only library build and adjusting the package main entry accordingly.

API/usage updates and small fixes. Renames exported surface-equation helpers (CONVEX, LIP, etc.) to lowerCamelCase and updates consumers (e.g., ds-components Switch uses lip), tweaks a rounded-square map calculation to avoid ?? 0, and improves Storybook article image alt text.

Repo-wide dependency/workspace maintenance. Bumps tsdown in several design-system packages, updates yarn.lock, and excludes node_modules from Yarn workspace globs.

Written by Cursor Bugbot for commit 32992dd. This will update automatically on new commits. Configure here.

@augmentcode
Copy link

augmentcode bot commented Mar 15, 2026

🤖 Augment PR Summary

Summary: This PR modernizes the @hashintel/refractive package’s developer workflow by adding Storybook and switching the build/lint toolchain to newer Vite/Rolldown + Oxlint tooling.

Changes:

  • Added Storybook configuration (.storybook/main.ts, .storybook/preview.ts) and a new playground story under stories/
  • Removed the old Vite “playground” dev app and repurposed yarn dev to run Storybook
  • Replaced the ESLint setup with an .oxlintrc.json and updated lint scripts to use oxlint + type-aware checks
  • Updated TypeScript config to a stricter, standalone tsconfig.json and adjusted includes for Storybook + stories
  • Updated Vite config to Vite 8 / Rolldown options and swapped DTS generation to rolldown-plugin-dts
  • Renamed and re-exported surface-equation helpers (camelCase) and updated internal imports
  • Minor story/content tweaks (e.g., improved alt text in example story)

Technical Notes: The library build now targets ESM output only and declares types from dist/index.d.ts, while Storybook provides the primary interactive dev environment.

🤖 Was this summary useful? React with 👍 or 👎

Copy link

@augmentcode augmentcode bot left a comment

Choose a reason for hiding this comment

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

Review completed. 3 suggestions posted.

Fix All in Augment

Comment augment review to trigger a new review at any time.

@codspeed-hq
Copy link

codspeed-hq bot commented Mar 15, 2026

Merging this PR will not alter performance

✅ 80 untouched benchmarks


Comparing cf/fe-518-add-storybook-and-update-build-setup (32992dd) with main (c89da2a)1

Open in CodSpeed

Footnotes

  1. No successful run was found on main (c83f657) during the generation of this report, so c89da2a was used instead as the comparison base. There might be some changes unrelated to this pull request in this report.

Copy link

@cursor cursor bot left a comment

Choose a reason for hiding this comment

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

Cursor Bugbot has reviewed your changes and found 2 potential issues.

Fix All in Cursor

Bugbot Autofix is OFF. To automatically fix reported issues with cloud agents, enable autofix in the Cursor dashboard.

@kube kube changed the base branch from cf/h-6324-migrate-petrinaut-to-oxlint-and-verify-react-compiler to graphite-base/8549 March 15, 2026 16:58
@kube kube force-pushed the graphite-base/8549 branch from 17e5684 to ccc9e08 Compare March 15, 2026 18:09
@kube kube force-pushed the cf/fe-518-add-storybook-and-update-build-setup branch from 132f9b3 to a0766e7 Compare March 15, 2026 18:09
@kube kube changed the base branch from graphite-base/8549 to cf/h-6324-migrate-petrinaut-to-oxlint-and-verify-react-compiler March 15, 2026 18:09
CiaranMn
CiaranMn previously approved these changes Mar 17, 2026
@kube kube enabled auto-merge March 17, 2026 14:43
@github-actions github-actions bot dismissed CiaranMn’s stale review March 17, 2026 15:03

Your organization requires reapproval when changes are made, so Graphite has dismissed approvals. See the output of git range-diff at https://github.com/hashintel/hash/actions/runs/23200919119

@kube kube requested a review from CiaranMn March 17, 2026 15:04
kube and others added 6 commits March 17, 2026 15:05
Replace the playground/ dev server with Storybook for component
development and visual testing.

- Remove playground/ folder and its Vite dev server setup
- Add Storybook 9 with @storybook/react-vite framework
- Create playground story showing refractive glass effect over
  scrollable article content
- Simplify vite.config.ts for lib-only builds (Storybook handles dev)

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
…cate package error

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
Replace ESLint with oxlint, tsc with tsgo, upgrade to Vite 8 + Storybook 10,
switch to ES-only output with rolldown-plugin-dts for declaration generation.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
- Bump Storybook from 10.2.13 to 10.2.19 for Vite 8 compatibility
- Update ds-components/switch.tsx to use renamed `lip` export

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
…kages

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
@kube kube force-pushed the cf/fe-518-add-storybook-and-update-build-setup branch from a079f04 to 32992dd Compare March 17, 2026 15:05
@kube kube added this pull request to the merge queue Mar 17, 2026
@graphite-app graphite-app bot requested a review from a team March 17, 2026 15:37
Merged via the queue into main with commit 9cf2392 Mar 17, 2026
179 checks passed
@kube kube deleted the cf/fe-518-add-storybook-and-update-build-setup branch March 17, 2026 15:54
@github-actions
Copy link
Contributor

Benchmark results

@rust/hash-graph-benches – Integrations

policy_resolution_large

Function Value Mean Flame graphs
resolve_policies_for_actor user: empty, selectivity: high, policies: 2002 $$28.7 \mathrm{ms} \pm 199 \mathrm{μs}\left({\color{gray}2.03 \mathrm{\%}}\right) $$ Flame Graph
resolve_policies_for_actor user: empty, selectivity: low, policies: 1 $$3.64 \mathrm{ms} \pm 19.3 \mathrm{μs}\left({\color{gray}2.06 \mathrm{\%}}\right) $$ Flame Graph
resolve_policies_for_actor user: empty, selectivity: medium, policies: 1001 $$13.4 \mathrm{ms} \pm 114 \mathrm{μs}\left({\color{gray}3.39 \mathrm{\%}}\right) $$ Flame Graph
resolve_policies_for_actor user: seeded, selectivity: high, policies: 3314 $$45.4 \mathrm{ms} \pm 310 \mathrm{μs}\left({\color{gray}3.58 \mathrm{\%}}\right) $$ Flame Graph
resolve_policies_for_actor user: seeded, selectivity: low, policies: 1 $$16.2 \mathrm{ms} \pm 104 \mathrm{μs}\left({\color{red}6.91 \mathrm{\%}}\right) $$ Flame Graph
resolve_policies_for_actor user: seeded, selectivity: medium, policies: 1526 $$26.1 \mathrm{ms} \pm 231 \mathrm{μs}\left({\color{gray}4.28 \mathrm{\%}}\right) $$ Flame Graph
resolve_policies_for_actor user: system, selectivity: high, policies: 2078 $$29.6 \mathrm{ms} \pm 145 \mathrm{μs}\left({\color{gray}3.08 \mathrm{\%}}\right) $$ Flame Graph
resolve_policies_for_actor user: system, selectivity: low, policies: 1 $$3.91 \mathrm{ms} \pm 26.2 \mathrm{μs}\left({\color{gray}-0.122 \mathrm{\%}}\right) $$ Flame Graph
resolve_policies_for_actor user: system, selectivity: medium, policies: 1033 $$15.3 \mathrm{ms} \pm 103 \mathrm{μs}\left({\color{red}10.2 \mathrm{\%}}\right) $$ Flame Graph

policy_resolution_medium

Function Value Mean Flame graphs
resolve_policies_for_actor user: empty, selectivity: high, policies: 102 $$4.01 \mathrm{ms} \pm 21.2 \mathrm{μs}\left({\color{gray}0.366 \mathrm{\%}}\right) $$ Flame Graph
resolve_policies_for_actor user: empty, selectivity: low, policies: 1 $$3.18 \mathrm{ms} \pm 16.6 \mathrm{μs}\left({\color{gray}1.45 \mathrm{\%}}\right) $$ Flame Graph
resolve_policies_for_actor user: empty, selectivity: medium, policies: 51 $$3.56 \mathrm{ms} \pm 19.8 \mathrm{μs}\left({\color{gray}0.751 \mathrm{\%}}\right) $$ Flame Graph
resolve_policies_for_actor user: seeded, selectivity: high, policies: 269 $$5.58 \mathrm{ms} \pm 43.3 \mathrm{μs}\left({\color{gray}2.54 \mathrm{\%}}\right) $$ Flame Graph
resolve_policies_for_actor user: seeded, selectivity: low, policies: 1 $$3.77 \mathrm{ms} \pm 18.5 \mathrm{μs}\left({\color{gray}1.58 \mathrm{\%}}\right) $$ Flame Graph
resolve_policies_for_actor user: seeded, selectivity: medium, policies: 107 $$4.41 \mathrm{ms} \pm 25.0 \mathrm{μs}\left({\color{gray}2.32 \mathrm{\%}}\right) $$ Flame Graph
resolve_policies_for_actor user: system, selectivity: high, policies: 133 $$4.79 \mathrm{ms} \pm 25.3 \mathrm{μs}\left({\color{gray}3.20 \mathrm{\%}}\right) $$ Flame Graph
resolve_policies_for_actor user: system, selectivity: low, policies: 1 $$3.66 \mathrm{ms} \pm 21.9 \mathrm{μs}\left({\color{gray}1.81 \mathrm{\%}}\right) $$ Flame Graph
resolve_policies_for_actor user: system, selectivity: medium, policies: 63 $$4.37 \mathrm{ms} \pm 25.3 \mathrm{μs}\left({\color{gray}3.11 \mathrm{\%}}\right) $$ Flame Graph

policy_resolution_none

Function Value Mean Flame graphs
resolve_policies_for_actor user: empty, selectivity: high, policies: 2 $$2.88 \mathrm{ms} \pm 12.5 \mathrm{μs}\left({\color{gray}-0.426 \mathrm{\%}}\right) $$ Flame Graph
resolve_policies_for_actor user: empty, selectivity: low, policies: 1 $$2.84 \mathrm{ms} \pm 14.0 \mathrm{μs}\left({\color{gray}0.773 \mathrm{\%}}\right) $$ Flame Graph
resolve_policies_for_actor user: empty, selectivity: medium, policies: 1 $$2.97 \mathrm{ms} \pm 15.0 \mathrm{μs}\left({\color{gray}0.639 \mathrm{\%}}\right) $$ Flame Graph
resolve_policies_for_actor user: system, selectivity: high, policies: 8 $$3.20 \mathrm{ms} \pm 13.9 \mathrm{μs}\left({\color{gray}-1.296 \mathrm{\%}}\right) $$ Flame Graph
resolve_policies_for_actor user: system, selectivity: low, policies: 1 $$3.02 \mathrm{ms} \pm 20.0 \mathrm{μs}\left({\color{gray}-0.068 \mathrm{\%}}\right) $$ Flame Graph
resolve_policies_for_actor user: system, selectivity: medium, policies: 3 $$3.33 \mathrm{ms} \pm 14.5 \mathrm{μs}\left({\color{gray}0.026 \mathrm{\%}}\right) $$ Flame Graph

policy_resolution_small

Function Value Mean Flame graphs
resolve_policies_for_actor user: empty, selectivity: high, policies: 52 $$3.27 \mathrm{ms} \pm 16.0 \mathrm{μs}\left({\color{gray}1.30 \mathrm{\%}}\right) $$ Flame Graph
resolve_policies_for_actor user: empty, selectivity: low, policies: 1 $$2.99 \mathrm{ms} \pm 18.4 \mathrm{μs}\left({\color{gray}1.86 \mathrm{\%}}\right) $$ Flame Graph
resolve_policies_for_actor user: empty, selectivity: medium, policies: 25 $$3.15 \mathrm{ms} \pm 19.0 \mathrm{μs}\left({\color{gray}0.321 \mathrm{\%}}\right) $$ Flame Graph
resolve_policies_for_actor user: seeded, selectivity: high, policies: 94 $$3.70 \mathrm{ms} \pm 21.5 \mathrm{μs}\left({\color{gray}-0.804 \mathrm{\%}}\right) $$ Flame Graph
resolve_policies_for_actor user: seeded, selectivity: low, policies: 1 $$3.26 \mathrm{ms} \pm 16.0 \mathrm{μs}\left({\color{gray}1.46 \mathrm{\%}}\right) $$ Flame Graph
resolve_policies_for_actor user: seeded, selectivity: medium, policies: 26 $$3.52 \mathrm{ms} \pm 20.0 \mathrm{μs}\left({\color{gray}1.20 \mathrm{\%}}\right) $$ Flame Graph
resolve_policies_for_actor user: system, selectivity: high, policies: 66 $$3.61 \mathrm{ms} \pm 26.5 \mathrm{μs}\left({\color{gray}-0.790 \mathrm{\%}}\right) $$ Flame Graph
resolve_policies_for_actor user: system, selectivity: low, policies: 1 $$3.23 \mathrm{ms} \pm 19.2 \mathrm{μs}\left({\color{gray}1.02 \mathrm{\%}}\right) $$ Flame Graph
resolve_policies_for_actor user: system, selectivity: medium, policies: 29 $$3.53 \mathrm{ms} \pm 21.0 \mathrm{μs}\left({\color{gray}0.666 \mathrm{\%}}\right) $$ Flame Graph

read_scaling_complete

Function Value Mean Flame graphs
entity_by_id;one_depth 1 entities $$48.0 \mathrm{ms} \pm 173 \mathrm{μs}\left({\color{gray}2.97 \mathrm{\%}}\right) $$ Flame Graph
entity_by_id;one_depth 10 entities $$87.0 \mathrm{ms} \pm 549 \mathrm{μs}\left({\color{gray}0.295 \mathrm{\%}}\right) $$ Flame Graph
entity_by_id;one_depth 25 entities $$53.6 \mathrm{ms} \pm 286 \mathrm{μs}\left({\color{gray}1.83 \mathrm{\%}}\right) $$ Flame Graph
entity_by_id;one_depth 5 entities $$55.3 \mathrm{ms} \pm 387 \mathrm{μs}\left({\color{gray}1.65 \mathrm{\%}}\right) $$ Flame Graph
entity_by_id;one_depth 50 entities $$65.3 \mathrm{ms} \pm 334 \mathrm{μs}\left({\color{gray}-1.755 \mathrm{\%}}\right) $$ Flame Graph
entity_by_id;two_depth 1 entities $$49.1 \mathrm{ms} \pm 209 \mathrm{μs}\left({\color{gray}0.101 \mathrm{\%}}\right) $$ Flame Graph
entity_by_id;two_depth 10 entities $$428 \mathrm{ms} \pm 941 \mathrm{μs}\left({\color{gray}-1.434 \mathrm{\%}}\right) $$ Flame Graph
entity_by_id;two_depth 25 entities $$105 \mathrm{ms} \pm 533 \mathrm{μs}\left({\color{gray}0.777 \mathrm{\%}}\right) $$ Flame Graph
entity_by_id;two_depth 5 entities $$95.2 \mathrm{ms} \pm 450 \mathrm{μs}\left({\color{gray}-1.008 \mathrm{\%}}\right) $$ Flame Graph
entity_by_id;two_depth 50 entities $$300 \mathrm{ms} \pm 656 \mathrm{μs}\left({\color{gray}2.08 \mathrm{\%}}\right) $$ Flame Graph
entity_by_id;zero_depth 1 entities $$20.9 \mathrm{ms} \pm 124 \mathrm{μs}\left({\color{gray}1.66 \mathrm{\%}}\right) $$ Flame Graph
entity_by_id;zero_depth 10 entities $$21.4 \mathrm{ms} \pm 90.3 \mathrm{μs}\left({\color{gray}3.36 \mathrm{\%}}\right) $$ Flame Graph
entity_by_id;zero_depth 25 entities $$21.8 \mathrm{ms} \pm 123 \mathrm{μs}\left({\color{red}5.33 \mathrm{\%}}\right) $$ Flame Graph
entity_by_id;zero_depth 5 entities $$21.4 \mathrm{ms} \pm 114 \mathrm{μs}\left({\color{gray}3.48 \mathrm{\%}}\right) $$ Flame Graph
entity_by_id;zero_depth 50 entities $$25.9 \mathrm{ms} \pm 124 \mathrm{μs}\left({\color{gray}3.93 \mathrm{\%}}\right) $$ Flame Graph

read_scaling_linkless

Function Value Mean Flame graphs
entity_by_id 1 entities $$20.3 \mathrm{ms} \pm 118 \mathrm{μs}\left({\color{gray}3.09 \mathrm{\%}}\right) $$ Flame Graph
entity_by_id 10 entities $$20.7 \mathrm{ms} \pm 112 \mathrm{μs}\left({\color{gray}3.99 \mathrm{\%}}\right) $$ Flame Graph
entity_by_id 100 entities $$20.8 \mathrm{ms} \pm 151 \mathrm{μs}\left({\color{gray}3.60 \mathrm{\%}}\right) $$ Flame Graph
entity_by_id 1000 entities $$21.0 \mathrm{ms} \pm 153 \mathrm{μs}\left({\color{gray}1.20 \mathrm{\%}}\right) $$ Flame Graph
entity_by_id 10000 entities $$27.2 \mathrm{ms} \pm 202 \mathrm{μs}\left({\color{gray}0.803 \mathrm{\%}}\right) $$ Flame Graph

representative_read_entity

Function Value Mean Flame graphs
entity_by_id entity type ID: https://blockprotocol.org/@alice/types/entity-type/block/v/1 $$35.7 \mathrm{ms} \pm 388 \mathrm{μs}\left({\color{gray}-1.568 \mathrm{\%}}\right) $$ Flame Graph
entity_by_id entity type ID: https://blockprotocol.org/@alice/types/entity-type/book/v/1 $$36.1 \mathrm{ms} \pm 310 \mathrm{μs}\left({\color{gray}-3.629 \mathrm{\%}}\right) $$ Flame Graph
entity_by_id entity type ID: https://blockprotocol.org/@alice/types/entity-type/building/v/1 $$35.3 \mathrm{ms} \pm 326 \mathrm{μs}\left({\color{gray}0.014 \mathrm{\%}}\right) $$ Flame Graph
entity_by_id entity type ID: https://blockprotocol.org/@alice/types/entity-type/organization/v/1 $$40.2 \mathrm{ms} \pm 748 \mathrm{μs}\left({\color{red}11.2 \mathrm{\%}}\right) $$ Flame Graph
entity_by_id entity type ID: https://blockprotocol.org/@alice/types/entity-type/page/v/2 $$36.9 \mathrm{ms} \pm 305 \mathrm{μs}\left({\color{red}6.14 \mathrm{\%}}\right) $$ Flame Graph
entity_by_id entity type ID: https://blockprotocol.org/@alice/types/entity-type/person/v/1 $$37.3 \mathrm{ms} \pm 313 \mathrm{μs}\left({\color{gray}2.76 \mathrm{\%}}\right) $$ Flame Graph
entity_by_id entity type ID: https://blockprotocol.org/@alice/types/entity-type/playlist/v/1 $$35.2 \mathrm{ms} \pm 297 \mathrm{μs}\left({\color{gray}-1.843 \mathrm{\%}}\right) $$ Flame Graph
entity_by_id entity type ID: https://blockprotocol.org/@alice/types/entity-type/song/v/1 $$36.4 \mathrm{ms} \pm 301 \mathrm{μs}\left({\color{gray}-0.754 \mathrm{\%}}\right) $$ Flame Graph
entity_by_id entity type ID: https://blockprotocol.org/@alice/types/entity-type/uk-address/v/1 $$36.0 \mathrm{ms} \pm 378 \mathrm{μs}\left({\color{gray}-2.029 \mathrm{\%}}\right) $$ Flame Graph

representative_read_entity_type

Function Value Mean Flame graphs
get_entity_type_by_id Account ID: bf5a9ef5-dc3b-43cf-a291-6210c0321eba $$8.92 \mathrm{ms} \pm 48.8 \mathrm{μs}\left({\color{gray}-0.966 \mathrm{\%}}\right) $$ Flame Graph

representative_read_multiple_entities

Function Value Mean Flame graphs
entity_by_property traversal_paths=0 0 $$98.2 \mathrm{ms} \pm 591 \mathrm{μs}\left({\color{gray}0.655 \mathrm{\%}}\right) $$
entity_by_property traversal_paths=255 1,resolve_depths=inherit:1;values:255;properties:255;links:127;link_dests:126;type:true $$152 \mathrm{ms} \pm 539 \mathrm{μs}\left({\color{gray}-1.473 \mathrm{\%}}\right) $$
entity_by_property traversal_paths=2 1,resolve_depths=inherit:0;values:0;properties:0;links:0;link_dests:0;type:false $$104 \mathrm{ms} \pm 452 \mathrm{μs}\left({\color{gray}-1.618 \mathrm{\%}}\right) $$
entity_by_property traversal_paths=2 1,resolve_depths=inherit:0;values:0;properties:0;links:1;link_dests:0;type:true $$110 \mathrm{ms} \pm 517 \mathrm{μs}\left({\color{gray}-4.986 \mathrm{\%}}\right) $$
entity_by_property traversal_paths=2 1,resolve_depths=inherit:0;values:0;properties:2;links:1;link_dests:0;type:true $$120 \mathrm{ms} \pm 728 \mathrm{μs}\left({\color{gray}-2.784 \mathrm{\%}}\right) $$
entity_by_property traversal_paths=2 1,resolve_depths=inherit:0;values:2;properties:2;links:1;link_dests:0;type:true $$131 \mathrm{ms} \pm 581 \mathrm{μs}\left({\color{gray}0.767 \mathrm{\%}}\right) $$
link_by_source_by_property traversal_paths=0 0 $$105 \mathrm{ms} \pm 563 \mathrm{μs}\left({\color{gray}-0.527 \mathrm{\%}}\right) $$
link_by_source_by_property traversal_paths=255 1,resolve_depths=inherit:1;values:255;properties:255;links:127;link_dests:126;type:true $$133 \mathrm{ms} \pm 498 \mathrm{μs}\left({\color{gray}-0.167 \mathrm{\%}}\right) $$
link_by_source_by_property traversal_paths=2 1,resolve_depths=inherit:0;values:0;properties:0;links:0;link_dests:0;type:false $$112 \mathrm{ms} \pm 558 \mathrm{μs}\left({\color{gray}-1.298 \mathrm{\%}}\right) $$
link_by_source_by_property traversal_paths=2 1,resolve_depths=inherit:0;values:0;properties:0;links:1;link_dests:0;type:true $$121 \mathrm{ms} \pm 667 \mathrm{μs}\left({\color{gray}-0.421 \mathrm{\%}}\right) $$
link_by_source_by_property traversal_paths=2 1,resolve_depths=inherit:0;values:0;properties:2;links:1;link_dests:0;type:true $$124 \mathrm{ms} \pm 555 \mathrm{μs}\left({\color{gray}0.305 \mathrm{\%}}\right) $$
link_by_source_by_property traversal_paths=2 1,resolve_depths=inherit:0;values:2;properties:2;links:1;link_dests:0;type:true $$124 \mathrm{ms} \pm 544 \mathrm{μs}\left({\color{gray}0.701 \mathrm{\%}}\right) $$

scenarios

Function Value Mean Flame graphs
full_test query-limited $$132 \mathrm{ms} \pm 619 \mathrm{μs}\left({\color{gray}3.96 \mathrm{\%}}\right) $$ Flame Graph
full_test query-unlimited $$144 \mathrm{ms} \pm 663 \mathrm{μs}\left({\color{red}6.36 \mathrm{\%}}\right) $$ Flame Graph
linked_queries query-limited $$106 \mathrm{ms} \pm 542 \mathrm{μs}\left({\color{gray}-0.086 \mathrm{\%}}\right) $$ Flame Graph
linked_queries query-unlimited $$563 \mathrm{ms} \pm 2.57 \mathrm{ms}\left({\color{gray}2.48 \mathrm{\%}}\right) $$ Flame Graph

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

Labels

area/apps > hash.design Affects the `hash.design` design site (app) area/deps Relates to third-party dependencies (area) area/libs Relates to first-party libraries/crates/packages (area) type/eng > frontend Owned by the @frontend team

Development

Successfully merging this pull request may close these issues.

2 participants