@graview/react

The React binding: a provider, a scene, and the hooks an app builds on.

pnpm add @graview/react

What it is

The binding. A provider, a scene, and the hooks an app builds on.

A view is an ORDINARY React component. No scene API, no base class — that is the whole authoring surface, and it is the reason the capture approach earns its cost. Every view must render correctly in both modes: captured into the scene, and lifted out as a full page.

<GraviewProvider store={store} views={views} brand={brand} principal={me}>
  <Scene />
  <JackedIn />
</GraviewProvider>

The provider holds the store, the view registry, the current view, the selection, the activity and the principal — together, so the scene, the chrome and an agent seat are looking at the same thing rather than at three copies of it.

What it exports (89)

Read off the package's own barrel, so this is what is there today.

  • ACTIVITY_HOLD_MS
  • adjustment
  • altitudeOpacity
  • anchorOf
  • applySettings
  • AUDIENCE_ROW
  • bandRows
  • channelRoute
  • clipPolyline
  • clipQuadratic
  • connectorStrands
  • createMotionStore
  • createPointerStore
  • createViews
  • DEFAULT_VIEW
  • Figure
  • foldRobots
  • GraviewProvider
  • HEARTBEAT_MS
  • honourSetting
  • isDefaultView
  • kitConnector
  • landingIn
  • latticePoints
  • loadSetting
  • markActivity
  • markDefaultView
  • NOTHING_FOUND
  • Occupants
  • onScreen
  • orthogonalPoints
  • participantOf
  • PersonFigure
  • placeOthers
  • polylineD
  • PRESENCE_SETTINGS
  • rememberSetting
  • ResolvedView
  • ROBOT_REST_MS
  • roundedPolylineD
  • routedQuadratic
  • routePoint
  • Scene
  • SeatMarks
  • selectionFor
  • SHARE_OVER
  • SHARE_WHERE
  • stackOpacity
  • standingFor
  • tabSession
  • tieRoute
  • UrlSync
  • useActivity
  • useAffordances
  • useAnimatedLayout
  • useApplyAffordance
  • useAttention
  • useBacktrack
  • useDrawnSize
  • useEditableFields
  • useFlagged
  • useFound
  • useGraph
  • useGraview
  • useGraviewIfAny
  • useImplicated
  • useJackIn
  • useKit
  • useLocalIntelligence
  • useNavigation
  • useNode
  • usePresenceState
  • useReached
  • useRobots
  • useScenePointer
  • useSceneStill
  • useSeatWork
  • useSelection
  • useTextMeasure
  • useTheKeyboardLandsSomewhere
  • useTouched
  • useUrlSync
  • useViewMode
  • useViolations
  • useWhereIs
  • ViewBoundary
  • ViewModeProvider
  • VISIT_EACH_UP_TO
  • whereIsIn