Skip to content
Open
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension


Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
132 changes: 60 additions & 72 deletions frontend/package-lock.json

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

5 changes: 2 additions & 3 deletions frontend/package.json
Original file line number Diff line number Diff line change
Expand Up @@ -42,7 +42,7 @@
"@vitejs/plugin-react": "^5.0.0",
"autoprefixer": "^10.4.21",
"fracturedjsonjs": "^5.0.1",
"js-yaml": "^4.3.0",
"js-yaml": "^4.3.1",
"loglevel": "^1.9.2",
"npm-run-all2": "^7.0.2",
"ome-zarr.js": "^0.0.17",
Expand All @@ -54,9 +54,8 @@
"react-icons": "^5.5.0",
"react-resizable-panels": "^3.0.2",
"react-router": "^7.18.2",
"react-shepherd": "^6.1.9",
"react-syntax-highlighter": "^16.1.0",
"shepherd.js": "^14.5.1",
"shepherd.js": "^15.3.0",
"tailwindcss": "^3.4.17",
"zarrita": "^0.7.3",
"zod": "^4.3.6"
Expand Down
21 changes: 10 additions & 11 deletions frontend/src/components/tours/StartTour.tsx
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
import { Button } from '@material-tailwind/react';
import type { ButtonProps } from '@material-tailwind/react';
import { useNavigate } from 'react-router';
import { useShepherd } from 'react-shepherd';
import Shepherd from 'shepherd.js';
import type { Tour } from 'shepherd.js';
import { tourSteps, backButton, exitButton } from './tourSteps';
import { useZoneAndFspMapContext } from '@/contexts/ZonesAndFspMapContext';
Expand Down Expand Up @@ -33,7 +33,6 @@ export default function StartTour({
...buttonProps
}: StartTourProps) {
const navigate = useNavigate();
const shepherd = useShepherd();
const { zonesAndFspQuery } = useZoneAndFspMapContext();

// Check if running on Janelia filesystem
Expand Down Expand Up @@ -205,7 +204,7 @@ export default function StartTour({
{
text: 'Take Another Tour',
action: function (this: any) {
const currentTour = shepherd.activeTour as Tour;
const currentTour = Shepherd.activeTour as Tour;
// Re-setup workflow buttons to ensure they work when returning
setupWorkflowButtons(currentTour);
// Show the workflow selection step
Expand All @@ -231,7 +230,7 @@ export default function StartTour({
{
text: 'Navigation',
action: async function (this: any) {
const currentTour = shepherd.activeTour as Tour;
const currentTour = Shepherd.activeTour as Tour;
navigate('/browse');
await waitForElement('[data-tour="navigation-input"]');
setupNavigationInputStep(currentTour);
Expand All @@ -243,7 +242,7 @@ export default function StartTour({
{
text: 'Data Links',
action: async function (this: any) {
const currentTour = shepherd.activeTour as Tour;
const currentTour = Shepherd.activeTour as Tour;
if (isJaneliaFilesystem) {
navigate(
'/browse/nrs_opendata/ome-zarr-examples/fused-timeseries.zarr'
Expand Down Expand Up @@ -271,7 +270,7 @@ export default function StartTour({
workflowButtons.push({
text: 'Neuroglancer Links',
action: async function (this: any) {
const currentTour = shepherd.activeTour as Tour;
const currentTour = Shepherd.activeTour as Tour;
navigate('/nglinks');
await waitForElement('[data-tour="nglinks-page"]');
setupCompletionButtons(currentTour);
Expand All @@ -284,7 +283,7 @@ export default function StartTour({
workflowButtons.push({
text: 'File Conversion',
action: async function (this: any) {
const currentTour = shepherd.activeTour as Tour;
const currentTour = Shepherd.activeTour as Tour;
if (isJaneliaFilesystem) {
navigate(
'/browse/nrs_opendata/ome-zarr-examples/fused-timeseries.zarr'
Expand All @@ -310,7 +309,7 @@ export default function StartTour({
workflowButtons.push({
text: 'Exit',
action: function (this: any) {
const currentTour = shepherd.activeTour as Tour;
const currentTour = Shepherd.activeTour as Tour;
currentTour.cancel();
},
classes: 'shepherd-button-secondary'
Expand All @@ -321,9 +320,9 @@ export default function StartTour({

const handleStartTour = () => {
// Get or create the tour instance
let tour = shepherd.activeTour as Tour | undefined;
let tour = Shepherd.activeTour as Tour | undefined;
if (!tour) {
tour = new shepherd.Tour({
tour = new Shepherd.Tour({
useModalOverlay: true,
defaultStepOptions: {
classes: 'shepherd-theme-default',
Expand All @@ -335,7 +334,7 @@ export default function StartTour({
modalOverlayOpeningRadius: 4
}
});
shepherd.activeTour = tour;
Shepherd.activeTour = tour;
}

// Add steps if not already added
Expand Down
Loading
Loading