npm package discovery and stats viewer.

Discover Tips

  • General search

    [free text search, go nuts!]

  • Package details

    pkg:[package-name]

  • User packages

    @[username]

Sponsor

Optimize Toolset

I’ve always been into building performant and accessible sites, but lately I’ve been taking it extremely seriously. So much so that I’ve been building a tool to help me optimize and monitor the sites that I build to make sure that I’m making an attempt to offer the best experience to those who visit them. If you’re into performant, accessible and SEO friendly sites, you might like it too! You can check it out at Optimize Toolset.

About

Hi, 👋, I’m Ryan Hefner  and I built this site for me, and you! The goal of this site was to provide an easy way for me to check the stats on my npm packages, both for prioritizing issues and updates, and to give me a little kick in the pants to keep up on stuff.

As I was building it, I realized that I was actually using the tool to build the tool, and figured I might as well put this out there and hopefully others will find it to be a fast and useful way to search and browse npm packages as I have.

If you’re interested in other things I’m working on, follow me on Twitter or check out the open source projects I’ve been publishing on GitHub.

I am also working on a Twitter bot for this site to tweet the most popular, newest, random packages from npm. Please follow that account now and it will start sending out packages soon–ish.

Open Software & Tools

This site wouldn’t be possible without the immense generosity and tireless efforts from the people who make contributions to the world and share their work via open source initiatives. Thank you 🙏

© 2025 – Pkg Stats / Ryan Hefner

dune-buggy

v1.23.2

Published

A visualization and debugging tool for Google Maps Platform's Mobility Solutions, supporting [Scheduled tasks](https://developers.google.com/maps/documentation/mobility/fleet-engine/essentials/tasks-intro) and [On-demand trips](https://developers.google.c

Readme

Fleet Debugger Tool

A visualization and debugging tool for Google Maps Platform's Mobility Solutions, supporting Scheduled tasks and On-demand trips.

Screenshot

Using the Demo Site(s)

The fastest way to get started is using our GitHub hosted site:
googlemaps.github.io/fleet-debugger/demos/multiple-trips

We also have demo data for:

Loading Your Data

Click on any empy Dataset buttons Load Dataset to get the Fleet Engine Logs Loading UI.

Fleet Engine Logs Loading

Direct Cloud Logging Connection (Recommended)

  1. Configure Parameters: Configure the Cloud Logging query parameters directly within UI.

  2. Connect to Cloud Logging: The Fleet Debugger can connect directly to your Google Cloud project's Cloud Logging. Click the Sign in and Fetch Logs button and follow the prompts to authenticate and grant access. You'll need appropriate IAM permissions (roles/logging.viewer which is also granted via roles/viewer) for the Fleet Debugger to read logs.

Log Files in JSON Format

  1. Export your Fleet Engine logs from Cloud Logging using one of the following filters (customize as needed):
-- On-demand trips
resource.type="fleetengine.googleapis.com/Fleet"
AND (labels.vehicle_id="YOUR_VEHICLE_ID" OR
     labels.trip_id=~"(TRIP_ID_1|TRIP_ID_2)")
AND timestamp >= "START_TIME" -- ISO 8601 format (YYYY-MM-DDTHH:MM:SS)
AND timestamp <= "END_TIME" -- ISO 8601 format (YYYY-MM-DDTHH:MM:SS)
AND (
    logName:"logs/fleetengine.googleapis.com%2Fcreate_vehicle" OR
    logName:"logs/fleetengine.googleapis.com%2Fupdate_vehicle" OR
    logName:"logs/fleetengine.googleapis.com%2Fcreate_trip" OR
    logName:"logs/fleetengine.googleapis.com%2Fupdate_trip"
)
-- Scheduled tasks
resource.type="fleetengine.googleapis.com/DeliveryFleet"
AND (labels.delivery_vehicle_id="YOUR_VEHICLE_ID" OR
     labels.task_id=~"(TASK_ID_1|TASK_ID_2)")
AND timestamp >= "START_TIME" -- ISO 8601 format (YYYY-MM-DDTHH:MM:SS)
AND timestamp <= "END_TIME" -- ISO 8601 format (YYYY-MM-DDTHH:MM:SS)
AND (
    logName:"logs/fleetengine.googleapis.com%2Fcreate_delivery_vehicle" OR
    logName:"logs/fleetengine.googleapis.com%2Fupdate_delivery_vehicle" OR
    logName:"logs/fleetengine.googleapis.com%2Fcreate_task" OR
    logName:"logs/fleetengine.googleapis.com%2Fupdate_task"
)
  1. Download the logs in JSON format and optionally zip them
  2. Import the JSON/ZIP file to Fleet Debugger, using the Load JSON or ZIP file instead button.

Note: All data processing happens client-side. Your logs remain in your browser's Local Storage and are not uploaded to Google/GitHub.

Key Features

  • Filter & inspect log messages: Use customizable table views to easily find and analyze specific log entries.
  • View planned navigation routes: See the routes with traffic conditions as experienced by drivers (requires Restricted Use Logs).
  • Replay vehicle movement: Observe vehicle movement in real time or at an accelerated time-lapse.
  • See requested vs. actual pickup and dropoff points: (requires Restricted Use Logs).
  • View status changes: Track changes in vehicle, trip, and navigation status.
  • Analyze GPS data: Examine location, accuracy, and heading information.
  • Visualize multiple trips: View all trips for a single vehicle.
  • Analyze GPS accuracy, speed, and heading: Detailed analysis tools for these metrics (GPS accuracy, speed, heading).
  • Analyze dwell times: Measure time spent at specific locations (dwell times).
  • Map and Timeslider Interaction: Click directly on the map or the timeslider to select the nearest log event.
  • Tracking (Chevron): Use the tracking button to keep the map centered on the current event during replay.
  • Exporting Logs: Export loaded dataset to a local file for easy collaboration.

Restricted Use Logs

Planned navigation routes and requested Pickup/Dropoff points require enablement of Restricted Use Logs.

Managing Datasets

Each dataset (loaded from a file or Cloud Logging) has a dropdown menu:

  • Save (Export): Save the current dataset as a JSON file.
  • Delete: Remove the dataset from the Fleet Debugger. This clears the data from your browser's local storage.

Restoring Demo Data

To reload the original demo data:

  1. Select "Delete" from Dataset 1 dropdown menu.
  2. Refresh the page. The demo data will be automatically reloaded into Dataset 1.

Running Your Own Server

Development Setup

  1. Install dependencies:

  2. Install node modules:

npm install

Start development server

npm start

Building and Deploying

# Generate static build
npm run build

# Deploy to firebase
npm install -g firebase-tools
firebase deploy --only hosting

Privacy Policy

This project is 100% client-side and does not collect or store any user data on servers. Please see our Privacy Policy for full details.

Disclaimer

This is not an officially supported Google product.

Additional Resources