Add ability to customize localhost url

[madebyfabian]

I am running localhost from a custom host (https://myapp.local).
The way the localhost detection is currently implemented, the tracker does not recognize if I am on localhost or not, and therefore sends the request.

plausible-tracker/src/lib/request.ts

Lines 40 to 43 in 294405c

	const isLocalhost =
	/^localhost$|^127(?:\.[0-9]+){0,2}\.[0-9]+$|^(?:0*:)*?:?0*1$/.test(
	location.hostname
	) || location.protocol === 'file:';

Possible Implementation

I would suggest to add an option where a user can change their localhost url and therefore making isLocalhost true. Happy to add a PR if you agree.

[vitonsky]

@madebyfabian hi, it looks current repository is not actively maintained. This is why i've created my own implementation of plausible tracker for client side. You may check it at https://github.com/vitonsky/plausible-client

There you may customize this behavior with filter property.
Moreover, you may even filter out any events according to your business logic on high level.

It works like that

import { Plausible, enableAutoOutboundTracking } from 'plausible-client';

const plausible = new Plausible({
  apiHost: 'https://plausible.io',
  domain: 'example.org',
  filter(event, eventName) {
    // Skip all events while development
    if (location.hostname === 'localhost') {
      console.warn('Analytics event is skipped, since run on localhost', event);
      return false;
    }

    // Skip all events for users who don't want to be tracked
    if (window.localStorage.plausible_ignore === 'true') return false;

    // Skip events by event props
    if (event.props.group === 'no-track') return false;

    // Skip events by its name, for users who does not participate in preview program
    if (!event.props.previewEnabled && eventName.startsWith('preview:')) return false;

    // Pass all events otherwise
    return true;
  }
});