diff --git a/package.json b/package.json index 551fe28..ecac371 100644 --- a/package.json +++ b/package.json @@ -7,7 +7,8 @@ "@babel/plugin-proposal-private-property-in-object": "^7.21.11", "@craco/craco": "^7.1.0", "@fontsource/roboto": "^5.0.13", - "@jbrowse/react-linear-genome-view": "^3.0.0", + "@jbrowse/core": "^3.0.1", + "@jbrowse/react-linear-genome-view": "^3.0.1", "@types/react": "^19.0.8", "@types/react-dom": "^19.0.3", "node-polyfill-webpack-plugin": "^4.0.0", diff --git a/src/App.tsx b/src/App.tsx index 807577d..0f211bf 100644 --- a/src/App.tsx +++ b/src/App.tsx @@ -4,33 +4,31 @@ import { createViewState, JBrowseLinearGenomeView, } from '@jbrowse/react-linear-genome-view' -import makeWorkerInstance from '@jbrowse/react-linear-genome-view/esm/makeWorkerInstance' import assembly from './assembly' import tracks from './tracks' import defaultSession from './defaultSession' +import MyPlugin from './MyPlugin' type ViewModel = ReturnType function View() { const [viewState, setViewState] = useState() - const [patches, setPatches] = useState('') const [stateSnapshot, setStateSnapshot] = useState('') useEffect(() => { const state = createViewState({ assembly, tracks, - onChange: (patch: any) => { - setPatches(previous => previous + JSON.stringify(patch) + '\n') - }, + plugins: [MyPlugin], defaultSession, configuration: { rpc: { defaultDriver: 'WebWorkerRpcDriver', }, }, - makeWorkerInstance, + makeWorkerInstance: () => + new Worker(new URL('./rpcWorker', import.meta.url)), }) setViewState(state) }, []) @@ -106,7 +104,6 @@ function View() { . The patches for the component on this page are shown below.

-