@vercel/speed-insights 0.0.1-beta.5 → 0.0.1-beta.7

package/dist/index.cjs

@@ -0,0 +1,113 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name2 in all)
+    __defProp(target, name2, { get: all[name2], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/generic.ts
+var generic_exports = {};
+__export(generic_exports, {
+  default: () => generic_default,
+  inject: () => inject
+});
+module.exports = __toCommonJS(generic_exports);
+
+// package.json
+var name = "@vercel/speed-insights";
+var version = "0.0.1-beta.7";
+
+// src/queue.ts
+var initQueue = () => {
+  if (window.si)
+    return;
+  window.si = function a(...params) {
+    (window.siq = window.siq || []).push(params);
+  };
+};
+
+// src/utils.ts
+function isBrowser() {
+  return typeof window !== "undefined";
+}
+function detectEnvironment() {
+  try {
+    const env = process.env.NODE_ENV;
+    if (env === "development" || env === "test") {
+      return "development";
+    }
+  } catch (e) {
+  }
+  return "production";
+}
+function isDevelopment() {
+  return detectEnvironment() === "development";
+}
+
+// src/generic.ts
+var DEV_SCRIPT_URL = `https://va.vercel-scripts.com/v1/speed-insights/script.debug.js`;
+var SCRIPT_URL = `/_vercel/speed-insights/script.js`;
+function inject(props) {
+  var _a;
+  if (!isBrowser() || props.route === null)
+    return null;
+  initQueue();
+  if (props.beforeSend) {
+    (_a = window.si) == null ? void 0 : _a.call(window, "beforeSend", props.beforeSend);
+  }
+  const src = props.scriptSrc || (isDevelopment() ? DEV_SCRIPT_URL : SCRIPT_URL);
+  if (document.head.querySelector(`script[src*="${src}"]`))
+    return null;
+  const script = document.createElement("script");
+  script.src = src;
+  script.defer = true;
+  script.dataset.sdkn = name;
+  script.dataset.sdkv = version;
+  if (props.sampleRate) {
+    script.dataset.sampleRate = props.sampleRate.toString();
+  }
+  if (props.route) {
+    script.dataset.route = props.route;
+  }
+  if (props.endpoint) {
+    script.dataset.endpoint = props.endpoint;
+  }
+  if (props.token) {
+    script.dataset.token = props.token;
+  }
+  if (isDevelopment() && props.debug === false) {
+    script.dataset.debug = "false";
+  }
+  script.onerror = () => {
+    const errorMessage = isDevelopment() ? "Please check if any ad blockers are enabled and try again." : "Be sure to enable Speed Insights for your project and deploy again. See https://vercel.com/docs/speed-insights for more information.";
+    console.log(
+      `[Vercel Speed Insights] Failed to load script from ${src}. ${errorMessage}`
+    );
+  };
+  document.head.appendChild(script);
+  return {
+    setRoute: (route) => {
+      script.dataset.route = route;
+    }
+  };
+}
+var generic_default = {
+  inject
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  inject
+});
+//# sourceMappingURL=index.cjs.map

package/dist/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/generic.ts","../package.json","../src/queue.ts","../src/utils.ts"],"sourcesContent":["import { name as packageName, version } from '../package.json';\nimport { initQueue } from './queue';\nimport type { SpeedInsightsProps } from './types';\nimport { isBrowser, isDevelopment } from './utils';\n\nconst DEV_SCRIPT_URL = `https://va.vercel-scripts.com/v1/speed-insights/script.debug.js`;\nconst SCRIPT_URL = `/_vercel/speed-insights/script.js`;\n\n/**\n * Injects the Vercel Speed Insights script into the page head and starts tracking page views. Read more in our [documentation](https://vercel.com/docs/speed-insights).\n * @param [props] - Speed Insights options.\n * @param [props.debug] - Whether to enable debug logging in development. Defaults to `true`.\n * @param [props.beforeSend] - A middleware function to modify events before they are sent. Should return the event object or `null` to cancel the event.\n */\nfunction inject(props: SpeedInsightsProps): {\n  setRoute: (route: string) => void;\n} | null {\n  // When route is null, it means that pages router is not ready yet. Will resolve soon\n  if (!isBrowser() || props.route === null) return null;\n\n  initQueue();\n\n  if (props.beforeSend) {\n    window.si?.('beforeSend', props.beforeSend);\n  }\n  const src =\n    props.scriptSrc || (isDevelopment() ? DEV_SCRIPT_URL : SCRIPT_URL);\n\n  if (document.head.querySelector(`script[src*=\"${src}\"]`)) return null;\n\n  const script = document.createElement('script');\n  script.src = src;\n  script.defer = true;\n  script.dataset.sdkn = packageName;\n  script.dataset.sdkv = version;\n\n  if (props.sampleRate) {\n    script.dataset.sampleRate = props.sampleRate.toString();\n  }\n  if (props.route) {\n    script.dataset.route = props.route;\n  }\n  if (props.endpoint) {\n    script.dataset.endpoint = props.endpoint;\n  }\n  if (props.token) {\n    script.dataset.token = props.token;\n  }\n  if (isDevelopment() && props.debug === false) {\n    script.dataset.debug = 'false';\n  }\n\n  script.onerror = (): void => {\n    const errorMessage = isDevelopment()\n      ? 'Please check if any ad blockers are enabled and try again.'\n      : 'Be sure to enable Speed Insights for your project and deploy again. See https://vercel.com/docs/speed-insights for more information.';\n\n    // eslint-disable-next-line no-console -- Logging is okay here\n    console.log(\n      `[Vercel Speed Insights] Failed to load script from ${src}. ${errorMessage}`,\n    );\n  };\n\n  document.head.appendChild(script);\n\n  return {\n    setRoute: (route: string): void => {\n      script.dataset.route = route;\n    },\n  };\n}\n\nexport { inject };\nexport type { SpeedInsightsProps };\n\n// eslint-disable-next-line import/no-default-export -- Allow default export\nexport default {\n  inject,\n};\n","{\n  \"name\": \"@vercel/speed-insights\",\n  \"version\": \"0.0.1-beta.7\",\n  \"description\": \"Speed Insights is a tool for measuring web performance and providing suggestions for improvement.\",\n  \"keywords\": [\n    \"speed-insights\",\n    \"vercel\"\n  ],\n  \"repository\": {\n    \"url\": \"github:vercel/speed-insights\",\n    \"directory\": \"packages/web\"\n  },\n  \"license\": \"MPL-2.0\",\n  \"type\": \"module\",\n  \"exports\": {\n    \"./package.json\": \"./package.json\",\n    \".\": {\n      \"browser\": \"./dist/index.js\",\n      \"import\": \"./dist/index.js\",\n      \"require\": \"./dist/index.cjs\"\n    },\n    \"./next\": {\n      \"browser\": \"./dist/next/index.js\",\n      \"import\": \"./dist/next/index.js\",\n      \"require\": \"./dist/next/index.cjs\"\n    },\n    \"./remix\": {\n      \"browser\": \"./dist/remix/index.js\",\n      \"import\": \"./dist/remix/index.js\",\n      \"require\": \"./dist/remix/index.cjs\"\n    }\n  },\n  \"main\": \"dist/index.js\",\n  \"types\": \"dist/index.d.ts\",\n  \"typesVersions\": {\n    \"*\": {\n      \"*\": [\n        \"dist/index.d.ts\"\n      ],\n      \"react\": [\n        \"dist/react/index.d.ts\"\n      ],\n      \"next\": [\n        \"dist/next/index.d.ts\"\n      ],\n      \"remix\": [\n        \"dist/remix/index.d.ts\"\n      ]\n    }\n  },\n  \"scripts\": {\n    \"build\": \"tsup\",\n    \"dev\": \"tsup --watch\",\n    \"postinstall\": \"node scripts/postinstall.js\",\n    \"lint\": \"eslint .\",\n    \"lint-fix\": \"eslint . --fix\",\n    \"test\": \"jest\",\n    \"type-check\": \"tsc --noEmit\"\n  },\n  \"devDependencies\": {\n    \"@remix-run/react\": \"^2.0.1\",\n    \"@swc/core\": \"^1.3.82\",\n    \"@swc/jest\": \"^0.2.29\",\n    \"@testing-library/jest-dom\": \"^6.1.2\",\n    \"@testing-library/react\": \"^14.0.0\",\n    \"@types/jest\": \"^29.5.4\",\n    \"@types/node\": \"^20.5.9\",\n    \"@types/react\": \"^18.2.21\",\n    \"jest\": \"^29.6.4\",\n    \"jest-environment-jsdom\": \"^29.6.4\",\n    \"next\": \"^13.4.19\",\n    \"react\": \"^18.2.0\",\n    \"react-dom\": \"^18.2.0\",\n    \"tsup\": \"7.2.0\"\n  }\n}\n","export const initQueue = (): void => {\n  // initialize va until script is loaded\n  if (window.si) return;\n\n  window.si = function a(...params): void {\n    (window.siq = window.siq || []).push(params);\n  };\n};\n","export function isBrowser(): boolean {\n  return typeof window !== 'undefined';\n}\n\nfunction detectEnvironment(): 'development' | 'production' {\n  try {\n    const env = process.env.NODE_ENV;\n    if (env === 'development' || env === 'test') {\n      return 'development';\n    }\n  } catch (e) {\n    // do nothing, this is okay\n  }\n  return 'production';\n}\n\nexport function isProduction(): boolean {\n  return detectEnvironment() === 'production';\n}\n\nexport function isDevelopment(): boolean {\n  return detectEnvironment() === 'development';\n}\n\nexport function computeRoute(\n  pathname: string | null,\n  pathParams: Record<string, string | string[]> | null,\n): string | null {\n  if (!pathname || !pathParams) {\n    return pathname;\n  }\n\n  let result = pathname;\n\n  for (const [key, valueOrArray] of Object.entries(pathParams)) {\n    const isValueArray = Array.isArray(valueOrArray);\n    const value = isValueArray ? valueOrArray.join('/') : valueOrArray;\n    const expr = isValueArray ? `...${key}` : key;\n\n    const matcher = new RegExp(`/${value}(?=[/?#]|$)`);\n    if (matcher.test(result)) {\n      result = result.replace(matcher, `/[${expr}]`);\n    }\n  }\n\n  return result;\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACCE,WAAQ;AACR,cAAW;;;ACFN,IAAM,YAAY,MAAY;AAEnC,MAAI,OAAO;AAAI;AAEf,SAAO,KAAK,SAAS,KAAK,QAAc;AACtC,KAAC,OAAO,MAAM,OAAO,OAAO,CAAC,GAAG,KAAK,MAAM;AAAA,EAC7C;AACF;;;ACPO,SAAS,YAAqB;AACnC,SAAO,OAAO,WAAW;AAC3B;AAEA,SAAS,oBAAkD;AACzD,MAAI;AACF,UAAM,MAAM,QAAQ,IAAI;AACxB,QAAI,QAAQ,iBAAiB,QAAQ,QAAQ;AAC3C,aAAO;AAAA,IACT;AAAA,EACF,SAAS,GAAG;AAAA,EAEZ;AACA,SAAO;AACT;AAMO,SAAS,gBAAyB;AACvC,SAAO,kBAAkB,MAAM;AACjC;;;AHjBA,IAAM,iBAAiB;AACvB,IAAM,aAAa;AAQnB,SAAS,OAAO,OAEP;AAhBT;AAkBE,MAAI,CAAC,UAAU,KAAK,MAAM,UAAU;AAAM,WAAO;AAEjD,YAAU;AAEV,MAAI,MAAM,YAAY;AACpB,iBAAO,OAAP,gCAAY,cAAc,MAAM;AAAA,EAClC;AACA,QAAM,MACJ,MAAM,cAAc,cAAc,IAAI,iBAAiB;AAEzD,MAAI,SAAS,KAAK,cAAc,gBAAgB,GAAG,IAAI;AAAG,WAAO;AAEjE,QAAM,SAAS,SAAS,cAAc,QAAQ;AAC9C,SAAO,MAAM;AACb,SAAO,QAAQ;AACf,SAAO,QAAQ,OAAO;AACtB,SAAO,QAAQ,OAAO;AAEtB,MAAI,MAAM,YAAY;AACpB,WAAO,QAAQ,aAAa,MAAM,WAAW,SAAS;AAAA,EACxD;AACA,MAAI,MAAM,OAAO;AACf,WAAO,QAAQ,QAAQ,MAAM;AAAA,EAC/B;AACA,MAAI,MAAM,UAAU;AAClB,WAAO,QAAQ,WAAW,MAAM;AAAA,EAClC;AACA,MAAI,MAAM,OAAO;AACf,WAAO,QAAQ,QAAQ,MAAM;AAAA,EAC/B;AACA,MAAI,cAAc,KAAK,MAAM,UAAU,OAAO;AAC5C,WAAO,QAAQ,QAAQ;AAAA,EACzB;AAEA,SAAO,UAAU,MAAY;AAC3B,UAAM,eAAe,cAAc,IAC/B,+DACA;AAGJ,YAAQ;AAAA,MACN,sDAAsD,GAAG,KAAK,YAAY;AAAA,IAC5E;AAAA,EACF;AAEA,WAAS,KAAK,YAAY,MAAM;AAEhC,SAAO;AAAA,IACL,UAAU,CAAC,UAAwB;AACjC,aAAO,QAAQ,QAAQ;AAAA,IACzB;AAAA,EACF;AACF;AAMA,IAAO,kBAAQ;AAAA,EACb;AACF;","names":[]}

package/dist/index.d.cts

@@ -0,0 +1,47 @@
+interface SpeedInsightsProps {
+    token?: string;
+    sampleRate?: number;
+    route?: string | null;
+    beforeSend?: BeforeSendMiddleware;
+    debug?: boolean;
+    scriptSrc?: string;
+    endpoint?: string;
+}
+type EventTypes = 'vital';
+interface Event {
+    type: EventTypes;
+    url: string;
+}
+type BeforeSendMiddleware = (data: Event) => Event | null | undefined | false;
+interface Functions {
+    beforeSend?: BeforeSendMiddleware;
+}
+interface SpeedInsights<T extends keyof Functions = keyof Functions> {
+    queue: [T, Functions[T]][];
+    addAction: (action: T, data: Functions[T]) => void;
+}
+declare global {
+    interface Window {
+        /** Base interface to track events */
+        si?: SpeedInsights['addAction'];
+        /** Queue for speed insights datapoints, before the library is loaded */
+        siq?: SpeedInsights['queue'];
+        sil?: boolean;
+    }
+}
+
+/**
+ * Injects the Vercel Speed Insights script into the page head and starts tracking page views. Read more in our [documentation](https://vercel.com/docs/speed-insights).
+ * @param [props] - Speed Insights options.
+ * @param [props.debug] - Whether to enable debug logging in development. Defaults to `true`.
+ * @param [props.beforeSend] - A middleware function to modify events before they are sent. Should return the event object or `null` to cancel the event.
+ */
+declare function inject(props: SpeedInsightsProps): {
+    setRoute: (route: string) => void;
+} | null;
+
+declare const _default: {
+    inject: typeof inject;
+};
+
+export { SpeedInsightsProps, _default as default, inject };

package/dist/index.d.ts

@@ -0,0 +1,47 @@
+interface SpeedInsightsProps {
+    token?: string;
+    sampleRate?: number;
+    route?: string | null;
+    beforeSend?: BeforeSendMiddleware;
+    debug?: boolean;
+    scriptSrc?: string;
+    endpoint?: string;
+}
+type EventTypes = 'vital';
+interface Event {
+    type: EventTypes;
+    url: string;
+}
+type BeforeSendMiddleware = (data: Event) => Event | null | undefined | false;
+interface Functions {
+    beforeSend?: BeforeSendMiddleware;
+}
+interface SpeedInsights<T extends keyof Functions = keyof Functions> {
+    queue: [T, Functions[T]][];
+    addAction: (action: T, data: Functions[T]) => void;
+}
+declare global {
+    interface Window {
+        /** Base interface to track events */
+        si?: SpeedInsights['addAction'];
+        /** Queue for speed insights datapoints, before the library is loaded */
+        siq?: SpeedInsights['queue'];
+        sil?: boolean;
+    }
+}
+
+/**
+ * Injects the Vercel Speed Insights script into the page head and starts tracking page views. Read more in our [documentation](https://vercel.com/docs/speed-insights).
+ * @param [props] - Speed Insights options.
+ * @param [props.debug] - Whether to enable debug logging in development. Defaults to `true`.
+ * @param [props.beforeSend] - A middleware function to modify events before they are sent. Should return the event object or `null` to cancel the event.
+ */
+declare function inject(props: SpeedInsightsProps): {
+    setRoute: (route: string) => void;
+} | null;
+
+declare const _default: {
+    inject: typeof inject;
+};
+
+export { SpeedInsightsProps, _default as default, inject };

package/dist/index.js

@@ -0,0 +1,86 @@
+// package.json
+var name = "@vercel/speed-insights";
+var version = "0.0.1-beta.7";
+
+// src/queue.ts
+var initQueue = () => {
+  if (window.si)
+    return;
+  window.si = function a(...params) {
+    (window.siq = window.siq || []).push(params);
+  };
+};
+
+// src/utils.ts
+function isBrowser() {
+  return typeof window !== "undefined";
+}
+function detectEnvironment() {
+  try {
+    const env = process.env.NODE_ENV;
+    if (env === "development" || env === "test") {
+      return "development";
+    }
+  } catch (e) {
+  }
+  return "production";
+}
+function isDevelopment() {
+  return detectEnvironment() === "development";
+}
+
+// src/generic.ts
+var DEV_SCRIPT_URL = `https://va.vercel-scripts.com/v1/speed-insights/script.debug.js`;
+var SCRIPT_URL = `/_vercel/speed-insights/script.js`;
+function inject(props) {
+  var _a;
+  if (!isBrowser() || props.route === null)
+    return null;
+  initQueue();
+  if (props.beforeSend) {
+    (_a = window.si) == null ? void 0 : _a.call(window, "beforeSend", props.beforeSend);
+  }
+  const src = props.scriptSrc || (isDevelopment() ? DEV_SCRIPT_URL : SCRIPT_URL);
+  if (document.head.querySelector(`script[src*="${src}"]`))
+    return null;
+  const script = document.createElement("script");
+  script.src = src;
+  script.defer = true;
+  script.dataset.sdkn = name;
+  script.dataset.sdkv = version;
+  if (props.sampleRate) {
+    script.dataset.sampleRate = props.sampleRate.toString();
+  }
+  if (props.route) {
+    script.dataset.route = props.route;
+  }
+  if (props.endpoint) {
+    script.dataset.endpoint = props.endpoint;
+  }
+  if (props.token) {
+    script.dataset.token = props.token;
+  }
+  if (isDevelopment() && props.debug === false) {
+    script.dataset.debug = "false";
+  }
+  script.onerror = () => {
+    const errorMessage = isDevelopment() ? "Please check if any ad blockers are enabled and try again." : "Be sure to enable Speed Insights for your project and deploy again. See https://vercel.com/docs/speed-insights for more information.";
+    console.log(
+      `[Vercel Speed Insights] Failed to load script from ${src}. ${errorMessage}`
+    );
+  };
+  document.head.appendChild(script);
+  return {
+    setRoute: (route) => {
+      script.dataset.route = route;
+    }
+  };
+}
+var generic_default = {
+  inject
+};
+export {
+  generic_default as default,
+  inject
+};
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../package.json","../src/queue.ts","../src/utils.ts","../src/generic.ts"],"sourcesContent":["{\n  \"name\": \"@vercel/speed-insights\",\n  \"version\": \"0.0.1-beta.7\",\n  \"description\": \"Speed Insights is a tool for measuring web performance and providing suggestions for improvement.\",\n  \"keywords\": [\n    \"speed-insights\",\n    \"vercel\"\n  ],\n  \"repository\": {\n    \"url\": \"github:vercel/speed-insights\",\n    \"directory\": \"packages/web\"\n  },\n  \"license\": \"MPL-2.0\",\n  \"type\": \"module\",\n  \"exports\": {\n    \"./package.json\": \"./package.json\",\n    \".\": {\n      \"browser\": \"./dist/index.js\",\n      \"import\": \"./dist/index.js\",\n      \"require\": \"./dist/index.cjs\"\n    },\n    \"./next\": {\n      \"browser\": \"./dist/next/index.js\",\n      \"import\": \"./dist/next/index.js\",\n      \"require\": \"./dist/next/index.cjs\"\n    },\n    \"./remix\": {\n      \"browser\": \"./dist/remix/index.js\",\n      \"import\": \"./dist/remix/index.js\",\n      \"require\": \"./dist/remix/index.cjs\"\n    }\n  },\n  \"main\": \"dist/index.js\",\n  \"types\": \"dist/index.d.ts\",\n  \"typesVersions\": {\n    \"*\": {\n      \"*\": [\n        \"dist/index.d.ts\"\n      ],\n      \"react\": [\n        \"dist/react/index.d.ts\"\n      ],\n      \"next\": [\n        \"dist/next/index.d.ts\"\n      ],\n      \"remix\": [\n        \"dist/remix/index.d.ts\"\n      ]\n    }\n  },\n  \"scripts\": {\n    \"build\": \"tsup\",\n    \"dev\": \"tsup --watch\",\n    \"postinstall\": \"node scripts/postinstall.js\",\n    \"lint\": \"eslint .\",\n    \"lint-fix\": \"eslint . --fix\",\n    \"test\": \"jest\",\n    \"type-check\": \"tsc --noEmit\"\n  },\n  \"devDependencies\": {\n    \"@remix-run/react\": \"^2.0.1\",\n    \"@swc/core\": \"^1.3.82\",\n    \"@swc/jest\": \"^0.2.29\",\n    \"@testing-library/jest-dom\": \"^6.1.2\",\n    \"@testing-library/react\": \"^14.0.0\",\n    \"@types/jest\": \"^29.5.4\",\n    \"@types/node\": \"^20.5.9\",\n    \"@types/react\": \"^18.2.21\",\n    \"jest\": \"^29.6.4\",\n    \"jest-environment-jsdom\": \"^29.6.4\",\n    \"next\": \"^13.4.19\",\n    \"react\": \"^18.2.0\",\n    \"react-dom\": \"^18.2.0\",\n    \"tsup\": \"7.2.0\"\n  }\n}\n","export const initQueue = (): void => {\n  // initialize va until script is loaded\n  if (window.si) return;\n\n  window.si = function a(...params): void {\n    (window.siq = window.siq || []).push(params);\n  };\n};\n","export function isBrowser(): boolean {\n  return typeof window !== 'undefined';\n}\n\nfunction detectEnvironment(): 'development' | 'production' {\n  try {\n    const env = process.env.NODE_ENV;\n    if (env === 'development' || env === 'test') {\n      return 'development';\n    }\n  } catch (e) {\n    // do nothing, this is okay\n  }\n  return 'production';\n}\n\nexport function isProduction(): boolean {\n  return detectEnvironment() === 'production';\n}\n\nexport function isDevelopment(): boolean {\n  return detectEnvironment() === 'development';\n}\n\nexport function computeRoute(\n  pathname: string | null,\n  pathParams: Record<string, string | string[]> | null,\n): string | null {\n  if (!pathname || !pathParams) {\n    return pathname;\n  }\n\n  let result = pathname;\n\n  for (const [key, valueOrArray] of Object.entries(pathParams)) {\n    const isValueArray = Array.isArray(valueOrArray);\n    const value = isValueArray ? valueOrArray.join('/') : valueOrArray;\n    const expr = isValueArray ? `...${key}` : key;\n\n    const matcher = new RegExp(`/${value}(?=[/?#]|$)`);\n    if (matcher.test(result)) {\n      result = result.replace(matcher, `/[${expr}]`);\n    }\n  }\n\n  return result;\n}\n","import { name as packageName, version } from '../package.json';\nimport { initQueue } from './queue';\nimport type { SpeedInsightsProps } from './types';\nimport { isBrowser, isDevelopment } from './utils';\n\nconst DEV_SCRIPT_URL = `https://va.vercel-scripts.com/v1/speed-insights/script.debug.js`;\nconst SCRIPT_URL = `/_vercel/speed-insights/script.js`;\n\n/**\n * Injects the Vercel Speed Insights script into the page head and starts tracking page views. Read more in our [documentation](https://vercel.com/docs/speed-insights).\n * @param [props] - Speed Insights options.\n * @param [props.debug] - Whether to enable debug logging in development. Defaults to `true`.\n * @param [props.beforeSend] - A middleware function to modify events before they are sent. Should return the event object or `null` to cancel the event.\n */\nfunction inject(props: SpeedInsightsProps): {\n  setRoute: (route: string) => void;\n} | null {\n  // When route is null, it means that pages router is not ready yet. Will resolve soon\n  if (!isBrowser() || props.route === null) return null;\n\n  initQueue();\n\n  if (props.beforeSend) {\n    window.si?.('beforeSend', props.beforeSend);\n  }\n  const src =\n    props.scriptSrc || (isDevelopment() ? DEV_SCRIPT_URL : SCRIPT_URL);\n\n  if (document.head.querySelector(`script[src*=\"${src}\"]`)) return null;\n\n  const script = document.createElement('script');\n  script.src = src;\n  script.defer = true;\n  script.dataset.sdkn = packageName;\n  script.dataset.sdkv = version;\n\n  if (props.sampleRate) {\n    script.dataset.sampleRate = props.sampleRate.toString();\n  }\n  if (props.route) {\n    script.dataset.route = props.route;\n  }\n  if (props.endpoint) {\n    script.dataset.endpoint = props.endpoint;\n  }\n  if (props.token) {\n    script.dataset.token = props.token;\n  }\n  if (isDevelopment() && props.debug === false) {\n    script.dataset.debug = 'false';\n  }\n\n  script.onerror = (): void => {\n    const errorMessage = isDevelopment()\n      ? 'Please check if any ad blockers are enabled and try again.'\n      : 'Be sure to enable Speed Insights for your project and deploy again. See https://vercel.com/docs/speed-insights for more information.';\n\n    // eslint-disable-next-line no-console -- Logging is okay here\n    console.log(\n      `[Vercel Speed Insights] Failed to load script from ${src}. ${errorMessage}`,\n    );\n  };\n\n  document.head.appendChild(script);\n\n  return {\n    setRoute: (route: string): void => {\n      script.dataset.route = route;\n    },\n  };\n}\n\nexport { inject };\nexport type { SpeedInsightsProps };\n\n// eslint-disable-next-line import/no-default-export -- Allow default export\nexport default {\n  inject,\n};\n"],"mappings":";AACE,WAAQ;AACR,cAAW;;;ACFN,IAAM,YAAY,MAAY;AAEnC,MAAI,OAAO;AAAI;AAEf,SAAO,KAAK,SAAS,KAAK,QAAc;AACtC,KAAC,OAAO,MAAM,OAAO,OAAO,CAAC,GAAG,KAAK,MAAM;AAAA,EAC7C;AACF;;;ACPO,SAAS,YAAqB;AACnC,SAAO,OAAO,WAAW;AAC3B;AAEA,SAAS,oBAAkD;AACzD,MAAI;AACF,UAAM,MAAM,QAAQ,IAAI;AACxB,QAAI,QAAQ,iBAAiB,QAAQ,QAAQ;AAC3C,aAAO;AAAA,IACT;AAAA,EACF,SAAS,GAAG;AAAA,EAEZ;AACA,SAAO;AACT;AAMO,SAAS,gBAAyB;AACvC,SAAO,kBAAkB,MAAM;AACjC;;;ACjBA,IAAM,iBAAiB;AACvB,IAAM,aAAa;AAQnB,SAAS,OAAO,OAEP;AAhBT;AAkBE,MAAI,CAAC,UAAU,KAAK,MAAM,UAAU;AAAM,WAAO;AAEjD,YAAU;AAEV,MAAI,MAAM,YAAY;AACpB,iBAAO,OAAP,gCAAY,cAAc,MAAM;AAAA,EAClC;AACA,QAAM,MACJ,MAAM,cAAc,cAAc,IAAI,iBAAiB;AAEzD,MAAI,SAAS,KAAK,cAAc,gBAAgB,GAAG,IAAI;AAAG,WAAO;AAEjE,QAAM,SAAS,SAAS,cAAc,QAAQ;AAC9C,SAAO,MAAM;AACb,SAAO,QAAQ;AACf,SAAO,QAAQ,OAAO;AACtB,SAAO,QAAQ,OAAO;AAEtB,MAAI,MAAM,YAAY;AACpB,WAAO,QAAQ,aAAa,MAAM,WAAW,SAAS;AAAA,EACxD;AACA,MAAI,MAAM,OAAO;AACf,WAAO,QAAQ,QAAQ,MAAM;AAAA,EAC/B;AACA,MAAI,MAAM,UAAU;AAClB,WAAO,QAAQ,WAAW,MAAM;AAAA,EAClC;AACA,MAAI,MAAM,OAAO;AACf,WAAO,QAAQ,QAAQ,MAAM;AAAA,EAC/B;AACA,MAAI,cAAc,KAAK,MAAM,UAAU,OAAO;AAC5C,WAAO,QAAQ,QAAQ;AAAA,EACzB;AAEA,SAAO,UAAU,MAAY;AAC3B,UAAM,eAAe,cAAc,IAC/B,+DACA;AAGJ,YAAQ;AAAA,MACN,sDAAsD,GAAG,KAAK,YAAY;AAAA,IAC5E;AAAA,EACF;AAEA,WAAS,KAAK,YAAY,MAAM;AAEhC,SAAO;AAAA,IACL,UAAU,CAAC,UAAwB;AACjC,aAAO,QAAQ,QAAQ;AAAA,IACzB;AAAA,EACF;AACF;AAMA,IAAO,kBAAQ;AAAA,EACb;AACF;","names":[]}

package/dist/next/index.cjs

@@ -34,14 +34,14 @@ __export(nextjs_exports, {
   SpeedInsights: () => SpeedInsights2
 });
 module.exports = __toCommonJS(nextjs_exports);
-var import_react2 = __toESM(require("react"), 1);
+var import_react3 = __toESM(require("react"), 1);
 
 // src/react/index.tsx
 var import_react = require("react");
 
 // package.json
 var name = "@vercel/speed-insights";
-var version = "0.0.1-beta.5";
+var version = "0.0.1-beta.7";
 
 // src/queue.ts
 var initQueue = () => {
@@ -70,40 +70,17 @@ function isDevelopment() {
   return detectEnvironment() === "development";
 }
 function computeRoute(pathname, pathParams) {
-  if (pathname === null) {
-    return null;
-  }
-  if (pathname === "" || !pathParams) {
+  if (!pathname || !pathParams) {
     return pathname;
   }
   let result = pathname;
   for (const [key, valueOrArray] of Object.entries(pathParams)) {
-    let value;
-    let expr;
-    if (Array.isArray(valueOrArray)) {
-      expr = `...${key}`;
-      value = valueOrArray.join("/");
-    } else {
-      expr = key;
-      value = valueOrArray;
-    }
-    if (!value) {
-      continue;
-    }
-    let start = 0;
-    while (start !== -1) {
-      start = result.indexOf(`/${value}`, start);
-      if (start !== -1) {
-        const end = start + value.length + 2;
-        if (end >= result.length || result[end] === "/" || result[end] === "?" || result[end] === "#") {
-          result = `${result.substring(
-            0,
-            start + 1
-          )}[${expr}]${result.substring(end)}`;
-          break;
-        }
-        start += value.length + 1;
-      }
+    const isValueArray = Array.isArray(valueOrArray);
+    const value = isValueArray ? valueOrArray.join("/") : valueOrArray;
+    const expr = isValueArray ? `...${key}` : key;
+    const matcher = new RegExp(`/${value}(?=[/?#]|$)`);
+    if (matcher.test(result)) {
+      result = result.replace(matcher, `/[${expr}]`);
     }
   }
   return result;
@@ -114,7 +91,7 @@ var DEV_SCRIPT_URL = `https://va.vercel-scripts.com/v1/speed-insights/script.deb
 var SCRIPT_URL = `/_vercel/speed-insights/script.js`;
 function inject(props) {
   var _a;
-  if (!isBrowser())
+  if (!isBrowser() || props.route === null)
     return null;
   initQueue();
   if (props.beforeSend) {
@@ -161,11 +138,12 @@ function inject(props) {
 function SpeedInsights(props) {
   const setScriptRoute = (0, import_react.useRef)(null);
   (0, import_react.useEffect)(() => {
-    const script = inject(props);
-    setScriptRoute.current = (script == null ? void 0 : script.setRoute) || null;
-  }, []);
-  (0, import_react.useEffect)(() => {
-    if (props.route && setScriptRoute.current) {
+    if (!setScriptRoute.current) {
+      const script = inject(props);
+      if (script) {
+        setScriptRoute.current = script.setRoute;
+      }
+    } else if (props.route) {
       setScriptRoute.current(props.route);
     }
   }, [props.route]);
@@ -174,16 +152,26 @@ function SpeedInsights(props) {
 
 // src/nextjs/utils.ts
 var import_navigation = require("next/navigation");
+var import_react2 = require("react");
 var useRoute = () => {
   const params = (0, import_navigation.useParams)();
+  const searchParams = (0, import_navigation.useSearchParams)();
   const path = (0, import_navigation.usePathname)();
-  return computeRoute(path, params);
+  const finalParams = (0, import_react2.useMemo)(() => {
+    if (!params)
+      return null;
+    if (Object.keys(params).length !== 0) {
+      return params;
+    }
+    return { ...Object.fromEntries(searchParams.entries()) };
+  }, [params, searchParams]);
+  return computeRoute(path, finalParams);
 };
 
 // src/nextjs/index.tsx
 function SpeedInsights2(props) {
   const route = useRoute();
-  return /* @__PURE__ */ import_react2.default.createElement(SpeedInsights, { ...route && { route }, ...props });
+  return /* @__PURE__ */ import_react3.default.createElement(SpeedInsights, { route, ...props });
 }
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

package/dist/next/index.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/nextjs/index.tsx","../../src/react/index.tsx","../../package.json","../../src/queue.ts","../../src/utils.ts","../../src/generic.ts","../../src/nextjs/utils.ts"],"sourcesContent":["import React from 'react';\nimport { SpeedInsights as SpeedInsightsScript } from '../react';\nimport type { SpeedInsightsProps } from '../types';\nimport { useRoute } from './utils';\n\nexport function SpeedInsights(\n  props: Omit<SpeedInsightsProps, 'route'>,\n): JSX.Element {\n  const route = useRoute();\n\n  return <SpeedInsightsScript {...(route && { route })} {...props} />;\n}\n","'use client';\nimport { useEffect, useRef } from 'react';\nimport type { SpeedInsightsProps } from '../types';\nimport { inject } from '../generic';\n\nexport function SpeedInsights(props: SpeedInsightsProps): JSX.Element | null {\n  const setScriptRoute = useRef<((path: string) => void) | null>(null);\n  useEffect(() => {\n    const script = inject(props);\n\n    setScriptRoute.current = script?.setRoute || null;\n  }, []);\n\n  useEffect(() => {\n    if (props.route && setScriptRoute.current) {\n      setScriptRoute.current(props.route);\n    }\n  }, [props.route]);\n\n  return null;\n}\n","{\n  \"name\": \"@vercel/speed-insights\",\n  \"version\": \"0.0.1-beta.5\",\n  \"description\": \"Speed Insights is a tool for measuring web performance and providing suggestions for improvement.\",\n  \"keywords\": [\n    \"speed-insights\",\n    \"vercel\"\n  ],\n  \"repository\": {\n    \"url\": \"github:vercel/speed-insights\",\n    \"directory\": \"packages/web\"\n  },\n  \"license\": \"MPL-2.0\",\n  \"type\": \"module\",\n  \"exports\": {\n    \"./package.json\": \"./package.json\",\n    \".\": {\n      \"browser\": \"./dist/index.js\",\n      \"import\": \"./dist/index.js\",\n      \"require\": \"./dist/index.cjs\"\n    },\n    \"./next\": {\n      \"browser\": \"./dist/next/index.js\",\n      \"import\": \"./dist/next/index.js\",\n      \"require\": \"./dist/next/index.cjs\"\n    },\n    \"./remix\": {\n      \"browser\": \"./dist/remix/index.js\",\n      \"import\": \"./dist/remix/index.js\",\n      \"require\": \"./dist/remix/index.cjs\"\n    }\n  },\n  \"main\": \"dist/index.js\",\n  \"types\": \"dist/index.d.ts\",\n  \"typesVersions\": {\n    \"*\": {\n      \"*\": [\n        \"dist/index.d.ts\"\n      ],\n      \"react\": [\n        \"dist/react/index.d.ts\"\n      ],\n      \"next\": [\n        \"dist/next/index.d.ts\"\n      ],\n      \"remix\": [\n        \"dist/remix/index.d.ts\"\n      ]\n    }\n  },\n  \"scripts\": {\n    \"build\": \"tsup\",\n    \"dev\": \"tsup --watch\",\n    \"postinstall\": \"node scripts/postinstall.js\",\n    \"lint\": \"eslint .\",\n    \"lint-fix\": \"eslint . --fix\",\n    \"test\": \"jest\",\n    \"type-check\": \"tsc --noEmit\"\n  },\n  \"devDependencies\": {\n    \"@remix-run/react\": \"^2.0.1\",\n    \"@swc/core\": \"^1.3.82\",\n    \"@swc/jest\": \"^0.2.29\",\n    \"@testing-library/jest-dom\": \"^6.1.2\",\n    \"@testing-library/react\": \"^14.0.0\",\n    \"@types/jest\": \"^29.5.4\",\n    \"@types/node\": \"^20.5.9\",\n    \"@types/react\": \"^18.2.21\",\n    \"jest\": \"^29.6.4\",\n    \"jest-environment-jsdom\": \"^29.6.4\",\n    \"next\": \"^13.4.19\",\n    \"react\": \"^18.2.0\",\n    \"react-dom\": \"^18.2.0\",\n    \"tsup\": \"7.2.0\"\n  }\n}\n","export const initQueue = (): void => {\n  // initialize va until script is loaded\n  if (window.si) return;\n\n  window.si = function a(...params): void {\n    (window.siq = window.siq || []).push(params);\n  };\n};\n","export function isBrowser(): boolean {\n  return typeof window !== 'undefined';\n}\n\nfunction detectEnvironment(): 'development' | 'production' {\n  try {\n    const env = process.env.NODE_ENV;\n    if (env === 'development' || env === 'test') {\n      return 'development';\n    }\n  } catch (e) {\n    // do nothing, this is okay\n  }\n  return 'production';\n}\n\nexport function isProduction(): boolean {\n  return detectEnvironment() === 'production';\n}\n\nexport function isDevelopment(): boolean {\n  return detectEnvironment() === 'development';\n}\n\nexport function computeRoute(\n  pathname: string | null,\n  pathParams: Record<string, string | string[]> | null,\n): string | null {\n  if (pathname === null) {\n    return null;\n  }\n  if (pathname === '' || !pathParams) {\n    return pathname;\n  }\n  let result = pathname;\n  for (const [key, valueOrArray] of Object.entries(pathParams)) {\n    let value: string;\n    let expr: string;\n    if (Array.isArray(valueOrArray)) {\n      // An array-based segment, e.g. \"/[...slugs]\".\n      expr = `...${key}`;\n      value = valueOrArray.join('/');\n    } else {\n      // A single dynamic segment, e.g. \"/posts/[pid]\".\n      expr = key;\n      value = valueOrArray;\n    }\n    if (!value) {\n      continue;\n    }\n    let start = 0;\n    while (start !== -1) {\n      start = result.indexOf(`/${value}`, start);\n      if (start !== -1) {\n        const end = start + value.length + 2;\n        if (\n          end >= result.length ||\n          result[end] === '/' ||\n          result[end] === '?' ||\n          result[end] === '#'\n        ) {\n          result = `${result.substring(\n            0,\n            start + 1,\n          )}[${expr}]${result.substring(end)}`;\n          break;\n        }\n        start += value.length + 1;\n      }\n    }\n  }\n  return result;\n}\n","import { name as packageName, version } from '../package.json';\nimport { initQueue } from './queue';\nimport type { SpeedInsightsProps } from './types';\nimport { isBrowser, isDevelopment } from './utils';\n\nconst DEV_SCRIPT_URL = `https://va.vercel-scripts.com/v1/speed-insights/script.debug.js`;\nconst SCRIPT_URL = `/_vercel/speed-insights/script.js`;\n\n/**\n * Injects the Vercel Speed Insights script into the page head and starts tracking page views. Read more in our [documentation](https://vercel.com/docs/speed-insights).\n * @param [props] - Speed Insights options.\n * @param [props.debug] - Whether to enable debug logging in development. Defaults to `true`.\n * @param [props.beforeSend] - A middleware function to modify events before they are sent. Should return the event object or `null` to cancel the event.\n */\nfunction inject(props: SpeedInsightsProps): {\n  setRoute: (route: string) => void;\n} | null {\n  if (!isBrowser()) return null;\n\n  initQueue();\n\n  if (props.beforeSend) {\n    window.si?.('beforeSend', props.beforeSend);\n  }\n  const src =\n    props.scriptSrc || (isDevelopment() ? DEV_SCRIPT_URL : SCRIPT_URL);\n\n  if (document.head.querySelector(`script[src*=\"${src}\"]`)) return null;\n\n  const script = document.createElement('script');\n  script.src = src;\n  script.defer = true;\n  script.dataset.sdkn = packageName;\n  script.dataset.sdkv = version;\n\n  if (props.sampleRate) {\n    script.dataset.sampleRate = props.sampleRate.toString();\n  }\n  if (props.route) {\n    script.dataset.route = props.route;\n  }\n  if (props.endpoint) {\n    script.dataset.endpoint = props.endpoint;\n  }\n  if (props.token) {\n    script.dataset.token = props.token;\n  }\n  if (isDevelopment() && props.debug === false) {\n    script.dataset.debug = 'false';\n  }\n\n  script.onerror = (): void => {\n    const errorMessage = isDevelopment()\n      ? 'Please check if any ad blockers are enabled and try again.'\n      : 'Be sure to enable Speed Insights for your project and deploy again. See https://vercel.com/docs/speed-insights for more information.';\n\n    // eslint-disable-next-line no-console -- Logging is okay here\n    console.log(\n      `[Vercel Speed Insights] Failed to load script from ${src}. ${errorMessage}`,\n    );\n  };\n\n  document.head.appendChild(script);\n\n  return {\n    setRoute: (route: string): void => {\n      script.dataset.route = route;\n    },\n  };\n}\n\nexport { inject };\nexport type { SpeedInsightsProps };\n\n// eslint-disable-next-line import/no-default-export -- Allow default export\nexport default {\n  inject,\n};\n","'use client';\nimport { useParams, usePathname } from 'next/navigation';\nimport { computeRoute } from '../utils';\n\nexport const useRoute = (): string | null => {\n  const params = useParams();\n  const path = usePathname();\n\n  return computeRoute(path, params);\n};\n"],"mappings":"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","names":["SpeedInsights","import_react","SpeedInsights","React"]}
+{"version":3,"sources":["../../src/nextjs/index.tsx","../../src/react/index.tsx","../../package.json","../../src/queue.ts","../../src/utils.ts","../../src/generic.ts","../../src/nextjs/utils.ts"],"sourcesContent":["import React from 'react';\nimport { SpeedInsights as SpeedInsightsScript } from '../react';\nimport type { SpeedInsightsProps } from '../types';\nimport { useRoute } from './utils';\n\nexport function SpeedInsights(\n  props: Omit<SpeedInsightsProps, 'route'>,\n): JSX.Element {\n  const route = useRoute();\n\n  return <SpeedInsightsScript route={route} {...props} />;\n}\n","'use client';\nimport { useEffect, useRef } from 'react';\nimport type { SpeedInsightsProps } from '../types';\nimport { inject } from '../generic';\n\nexport function SpeedInsights(props: SpeedInsightsProps): JSX.Element | null {\n  const setScriptRoute = useRef<((path: string) => void) | null>(null);\n  useEffect(() => {\n    if (!setScriptRoute.current) {\n      const script = inject(props);\n      if (script) {\n        setScriptRoute.current = script.setRoute;\n      }\n    } else if (props.route) {\n      setScriptRoute.current(props.route);\n    }\n  }, [props.route]);\n\n  return null;\n}\n","{\n  \"name\": \"@vercel/speed-insights\",\n  \"version\": \"0.0.1-beta.7\",\n  \"description\": \"Speed Insights is a tool for measuring web performance and providing suggestions for improvement.\",\n  \"keywords\": [\n    \"speed-insights\",\n    \"vercel\"\n  ],\n  \"repository\": {\n    \"url\": \"github:vercel/speed-insights\",\n    \"directory\": \"packages/web\"\n  },\n  \"license\": \"MPL-2.0\",\n  \"type\": \"module\",\n  \"exports\": {\n    \"./package.json\": \"./package.json\",\n    \".\": {\n      \"browser\": \"./dist/index.js\",\n      \"import\": \"./dist/index.js\",\n      \"require\": \"./dist/index.cjs\"\n    },\n    \"./next\": {\n      \"browser\": \"./dist/next/index.js\",\n      \"import\": \"./dist/next/index.js\",\n      \"require\": \"./dist/next/index.cjs\"\n    },\n    \"./remix\": {\n      \"browser\": \"./dist/remix/index.js\",\n      \"import\": \"./dist/remix/index.js\",\n      \"require\": \"./dist/remix/index.cjs\"\n    }\n  },\n  \"main\": \"dist/index.js\",\n  \"types\": \"dist/index.d.ts\",\n  \"typesVersions\": {\n    \"*\": {\n      \"*\": [\n        \"dist/index.d.ts\"\n      ],\n      \"react\": [\n        \"dist/react/index.d.ts\"\n      ],\n      \"next\": [\n        \"dist/next/index.d.ts\"\n      ],\n      \"remix\": [\n        \"dist/remix/index.d.ts\"\n      ]\n    }\n  },\n  \"scripts\": {\n    \"build\": \"tsup\",\n    \"dev\": \"tsup --watch\",\n    \"postinstall\": \"node scripts/postinstall.js\",\n    \"lint\": \"eslint .\",\n    \"lint-fix\": \"eslint . --fix\",\n    \"test\": \"jest\",\n    \"type-check\": \"tsc --noEmit\"\n  },\n  \"devDependencies\": {\n    \"@remix-run/react\": \"^2.0.1\",\n    \"@swc/core\": \"^1.3.82\",\n    \"@swc/jest\": \"^0.2.29\",\n    \"@testing-library/jest-dom\": \"^6.1.2\",\n    \"@testing-library/react\": \"^14.0.0\",\n    \"@types/jest\": \"^29.5.4\",\n    \"@types/node\": \"^20.5.9\",\n    \"@types/react\": \"^18.2.21\",\n    \"jest\": \"^29.6.4\",\n    \"jest-environment-jsdom\": \"^29.6.4\",\n    \"next\": \"^13.4.19\",\n    \"react\": \"^18.2.0\",\n    \"react-dom\": \"^18.2.0\",\n    \"tsup\": \"7.2.0\"\n  }\n}\n","export const initQueue = (): void => {\n  // initialize va until script is loaded\n  if (window.si) return;\n\n  window.si = function a(...params): void {\n    (window.siq = window.siq || []).push(params);\n  };\n};\n","export function isBrowser(): boolean {\n  return typeof window !== 'undefined';\n}\n\nfunction detectEnvironment(): 'development' | 'production' {\n  try {\n    const env = process.env.NODE_ENV;\n    if (env === 'development' || env === 'test') {\n      return 'development';\n    }\n  } catch (e) {\n    // do nothing, this is okay\n  }\n  return 'production';\n}\n\nexport function isProduction(): boolean {\n  return detectEnvironment() === 'production';\n}\n\nexport function isDevelopment(): boolean {\n  return detectEnvironment() === 'development';\n}\n\nexport function computeRoute(\n  pathname: string | null,\n  pathParams: Record<string, string | string[]> | null,\n): string | null {\n  if (!pathname || !pathParams) {\n    return pathname;\n  }\n\n  let result = pathname;\n\n  for (const [key, valueOrArray] of Object.entries(pathParams)) {\n    const isValueArray = Array.isArray(valueOrArray);\n    const value = isValueArray ? valueOrArray.join('/') : valueOrArray;\n    const expr = isValueArray ? `...${key}` : key;\n\n    const matcher = new RegExp(`/${value}(?=[/?#]|$)`);\n    if (matcher.test(result)) {\n      result = result.replace(matcher, `/[${expr}]`);\n    }\n  }\n\n  return result;\n}\n","import { name as packageName, version } from '../package.json';\nimport { initQueue } from './queue';\nimport type { SpeedInsightsProps } from './types';\nimport { isBrowser, isDevelopment } from './utils';\n\nconst DEV_SCRIPT_URL = `https://va.vercel-scripts.com/v1/speed-insights/script.debug.js`;\nconst SCRIPT_URL = `/_vercel/speed-insights/script.js`;\n\n/**\n * Injects the Vercel Speed Insights script into the page head and starts tracking page views. Read more in our [documentation](https://vercel.com/docs/speed-insights).\n * @param [props] - Speed Insights options.\n * @param [props.debug] - Whether to enable debug logging in development. Defaults to `true`.\n * @param [props.beforeSend] - A middleware function to modify events before they are sent. Should return the event object or `null` to cancel the event.\n */\nfunction inject(props: SpeedInsightsProps): {\n  setRoute: (route: string) => void;\n} | null {\n  // When route is null, it means that pages router is not ready yet. Will resolve soon\n  if (!isBrowser() || props.route === null) return null;\n\n  initQueue();\n\n  if (props.beforeSend) {\n    window.si?.('beforeSend', props.beforeSend);\n  }\n  const src =\n    props.scriptSrc || (isDevelopment() ? DEV_SCRIPT_URL : SCRIPT_URL);\n\n  if (document.head.querySelector(`script[src*=\"${src}\"]`)) return null;\n\n  const script = document.createElement('script');\n  script.src = src;\n  script.defer = true;\n  script.dataset.sdkn = packageName;\n  script.dataset.sdkv = version;\n\n  if (props.sampleRate) {\n    script.dataset.sampleRate = props.sampleRate.toString();\n  }\n  if (props.route) {\n    script.dataset.route = props.route;\n  }\n  if (props.endpoint) {\n    script.dataset.endpoint = props.endpoint;\n  }\n  if (props.token) {\n    script.dataset.token = props.token;\n  }\n  if (isDevelopment() && props.debug === false) {\n    script.dataset.debug = 'false';\n  }\n\n  script.onerror = (): void => {\n    const errorMessage = isDevelopment()\n      ? 'Please check if any ad blockers are enabled and try again.'\n      : 'Be sure to enable Speed Insights for your project and deploy again. See https://vercel.com/docs/speed-insights for more information.';\n\n    // eslint-disable-next-line no-console -- Logging is okay here\n    console.log(\n      `[Vercel Speed Insights] Failed to load script from ${src}. ${errorMessage}`,\n    );\n  };\n\n  document.head.appendChild(script);\n\n  return {\n    setRoute: (route: string): void => {\n      script.dataset.route = route;\n    },\n  };\n}\n\nexport { inject };\nexport type { SpeedInsightsProps };\n\n// eslint-disable-next-line import/no-default-export -- Allow default export\nexport default {\n  inject,\n};\n","'use client';\nimport { useParams, usePathname, useSearchParams } from 'next/navigation';\nimport { useMemo } from 'react';\nimport { computeRoute } from '../utils';\n\nexport const useRoute = (): string | null => {\n  const params = useParams();\n  const searchParams = useSearchParams();\n  const path = usePathname();\n\n  const finalParams = useMemo(() => {\n    // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition -- can be null on pages router\n    if (!params) return null;\n    if (Object.keys(params).length !== 0) {\n      return params;\n    }\n    // For pages router, we need to use `searchParams` because `params` is an empty object\n    return { ...Object.fromEntries(searchParams.entries()) };\n  }, [params, searchParams]);\n\n  return computeRoute(path, finalParams);\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA,uBAAAA;AAAA;AAAA;AAAA,IAAAC,gBAAkB;;;ACClB,mBAAkC;;;ACAhC,WAAQ;AACR,cAAW;;;ACFN,IAAM,YAAY,MAAY;AAEnC,MAAI,OAAO;AAAI;AAEf,SAAO,KAAK,SAAS,KAAK,QAAc;AACtC,KAAC,OAAO,MAAM,OAAO,OAAO,CAAC,GAAG,KAAK,MAAM;AAAA,EAC7C;AACF;;;ACPO,SAAS,YAAqB;AACnC,SAAO,OAAO,WAAW;AAC3B;AAEA,SAAS,oBAAkD;AACzD,MAAI;AACF,UAAM,MAAM,QAAQ,IAAI;AACxB,QAAI,QAAQ,iBAAiB,QAAQ,QAAQ;AAC3C,aAAO;AAAA,IACT;AAAA,EACF,SAAS,GAAG;AAAA,EAEZ;AACA,SAAO;AACT;AAMO,SAAS,gBAAyB;AACvC,SAAO,kBAAkB,MAAM;AACjC;AAEO,SAAS,aACd,UACA,YACe;AACf,MAAI,CAAC,YAAY,CAAC,YAAY;AAC5B,WAAO;AAAA,EACT;AAEA,MAAI,SAAS;AAEb,aAAW,CAAC,KAAK,YAAY,KAAK,OAAO,QAAQ,UAAU,GAAG;AAC5D,UAAM,eAAe,MAAM,QAAQ,YAAY;AAC/C,UAAM,QAAQ,eAAe,aAAa,KAAK,GAAG,IAAI;AACtD,UAAM,OAAO,eAAe,MAAM,GAAG,KAAK;AAE1C,UAAM,UAAU,IAAI,OAAO,IAAI,KAAK,aAAa;AACjD,QAAI,QAAQ,KAAK,MAAM,GAAG;AACxB,eAAS,OAAO,QAAQ,SAAS,KAAK,IAAI,GAAG;AAAA,IAC/C;AAAA,EACF;AAEA,SAAO;AACT;;;ACzCA,IAAM,iBAAiB;AACvB,IAAM,aAAa;AAQnB,SAAS,OAAO,OAEP;AAhBT;AAkBE,MAAI,CAAC,UAAU,KAAK,MAAM,UAAU;AAAM,WAAO;AAEjD,YAAU;AAEV,MAAI,MAAM,YAAY;AACpB,iBAAO,OAAP,gCAAY,cAAc,MAAM;AAAA,EAClC;AACA,QAAM,MACJ,MAAM,cAAc,cAAc,IAAI,iBAAiB;AAEzD,MAAI,SAAS,KAAK,cAAc,gBAAgB,GAAG,IAAI;AAAG,WAAO;AAEjE,QAAM,SAAS,SAAS,cAAc,QAAQ;AAC9C,SAAO,MAAM;AACb,SAAO,QAAQ;AACf,SAAO,QAAQ,OAAO;AACtB,SAAO,QAAQ,OAAO;AAEtB,MAAI,MAAM,YAAY;AACpB,WAAO,QAAQ,aAAa,MAAM,WAAW,SAAS;AAAA,EACxD;AACA,MAAI,MAAM,OAAO;AACf,WAAO,QAAQ,QAAQ,MAAM;AAAA,EAC/B;AACA,MAAI,MAAM,UAAU;AAClB,WAAO,QAAQ,WAAW,MAAM;AAAA,EAClC;AACA,MAAI,MAAM,OAAO;AACf,WAAO,QAAQ,QAAQ,MAAM;AAAA,EAC/B;AACA,MAAI,cAAc,KAAK,MAAM,UAAU,OAAO;AAC5C,WAAO,QAAQ,QAAQ;AAAA,EACzB;AAEA,SAAO,UAAU,MAAY;AAC3B,UAAM,eAAe,cAAc,IAC/B,+DACA;AAGJ,YAAQ;AAAA,MACN,sDAAsD,GAAG,KAAK,YAAY;AAAA,IAC5E;AAAA,EACF;AAEA,WAAS,KAAK,YAAY,MAAM;AAEhC,SAAO;AAAA,IACL,UAAU,CAAC,UAAwB;AACjC,aAAO,QAAQ,QAAQ;AAAA,IACzB;AAAA,EACF;AACF;;;AJjEO,SAAS,cAAc,OAA+C;AAC3E,QAAM,qBAAiB,qBAAwC,IAAI;AACnE,8BAAU,MAAM;AACd,QAAI,CAAC,eAAe,SAAS;AAC3B,YAAM,SAAS,OAAO,KAAK;AAC3B,UAAI,QAAQ;AACV,uBAAe,UAAU,OAAO;AAAA,MAClC;AAAA,IACF,WAAW,MAAM,OAAO;AACtB,qBAAe,QAAQ,MAAM,KAAK;AAAA,IACpC;AAAA,EACF,GAAG,CAAC,MAAM,KAAK,CAAC;AAEhB,SAAO;AACT;;;AKlBA,wBAAwD;AACxD,IAAAC,gBAAwB;AAGjB,IAAM,WAAW,MAAqB;AAC3C,QAAM,aAAS,6BAAU;AACzB,QAAM,mBAAe,mCAAgB;AACrC,QAAM,WAAO,+BAAY;AAEzB,QAAM,kBAAc,uBAAQ,MAAM;AAEhC,QAAI,CAAC;AAAQ,aAAO;AACpB,QAAI,OAAO,KAAK,MAAM,EAAE,WAAW,GAAG;AACpC,aAAO;AAAA,IACT;AAEA,WAAO,EAAE,GAAG,OAAO,YAAY,aAAa,QAAQ,CAAC,EAAE;AAAA,EACzD,GAAG,CAAC,QAAQ,YAAY,CAAC;AAEzB,SAAO,aAAa,MAAM,WAAW;AACvC;;;ANhBO,SAASC,eACd,OACa;AACb,QAAM,QAAQ,SAAS;AAEvB,SAAO,8BAAAC,QAAA,cAAC,iBAAoB,OAAe,GAAG,OAAO;AACvD;","names":["SpeedInsights","import_react","import_react","SpeedInsights","React"]}

package/dist/next/index.d.cts

@@ -1,7 +1,7 @@
 interface SpeedInsightsProps {
     token?: string;
     sampleRate?: number;
-    route?: string;
+    route?: string | null;
     beforeSend?: BeforeSendMiddleware;
     debug?: boolean;
     scriptSrc?: string;

package/dist/next/index.d.ts

@@ -1,7 +1,7 @@
 interface SpeedInsightsProps {
     token?: string;
     sampleRate?: number;
-    route?: string;
+    route?: string | null;
     beforeSend?: BeforeSendMiddleware;
     debug?: boolean;
     scriptSrc?: string;

package/dist/next/index.js

@@ -8,7 +8,7 @@ import { useEffect, useRef } from "react";
 
 // package.json
 var name = "@vercel/speed-insights";
-var version = "0.0.1-beta.5";
+var version = "0.0.1-beta.7";
 
 // src/queue.ts
 var initQueue = () => {
@@ -37,40 +37,17 @@ function isDevelopment() {
   return detectEnvironment() === "development";
 }
 function computeRoute(pathname, pathParams) {
-  if (pathname === null) {
-    return null;
-  }
-  if (pathname === "" || !pathParams) {
+  if (!pathname || !pathParams) {
     return pathname;
   }
   let result = pathname;
   for (const [key, valueOrArray] of Object.entries(pathParams)) {
-    let value;
-    let expr;
-    if (Array.isArray(valueOrArray)) {
-      expr = `...${key}`;
-      value = valueOrArray.join("/");
-    } else {
-      expr = key;
-      value = valueOrArray;
-    }
-    if (!value) {
-      continue;
-    }
-    let start = 0;
-    while (start !== -1) {
-      start = result.indexOf(`/${value}`, start);
-      if (start !== -1) {
-        const end = start + value.length + 2;
-        if (end >= result.length || result[end] === "/" || result[end] === "?" || result[end] === "#") {
-          result = `${result.substring(
-            0,
-            start + 1
-          )}[${expr}]${result.substring(end)}`;
-          break;
-        }
-        start += value.length + 1;
-      }
+    const isValueArray = Array.isArray(valueOrArray);
+    const value = isValueArray ? valueOrArray.join("/") : valueOrArray;
+    const expr = isValueArray ? `...${key}` : key;
+    const matcher = new RegExp(`/${value}(?=[/?#]|$)`);
+    if (matcher.test(result)) {
+      result = result.replace(matcher, `/[${expr}]`);
     }
   }
   return result;
@@ -81,7 +58,7 @@ var DEV_SCRIPT_URL = `https://va.vercel-scripts.com/v1/speed-insights/script.deb
 var SCRIPT_URL = `/_vercel/speed-insights/script.js`;
 function inject(props) {
   var _a;
-  if (!isBrowser())
+  if (!isBrowser() || props.route === null)
     return null;
   initQueue();
   if (props.beforeSend) {
@@ -128,11 +105,12 @@ function inject(props) {
 function SpeedInsights(props) {
   const setScriptRoute = useRef(null);
   useEffect(() => {
-    const script = inject(props);
-    setScriptRoute.current = (script == null ? void 0 : script.setRoute) || null;
-  }, []);
-  useEffect(() => {
-    if (props.route && setScriptRoute.current) {
+    if (!setScriptRoute.current) {
+      const script = inject(props);
+      if (script) {
+        setScriptRoute.current = script.setRoute;
+      }
+    } else if (props.route) {
       setScriptRoute.current(props.route);
     }
   }, [props.route]);
@@ -140,17 +118,27 @@ function SpeedInsights(props) {
 }
 
 // src/nextjs/utils.ts
-import { useParams, usePathname } from "next/navigation";
+import { useParams, usePathname, useSearchParams } from "next/navigation";
+import { useMemo } from "react";
 var useRoute = () => {
   const params = useParams();
+  const searchParams = useSearchParams();
   const path = usePathname();
-  return computeRoute(path, params);
+  const finalParams = useMemo(() => {
+    if (!params)
+      return null;
+    if (Object.keys(params).length !== 0) {
+      return params;
+    }
+    return { ...Object.fromEntries(searchParams.entries()) };
+  }, [params, searchParams]);
+  return computeRoute(path, finalParams);
 };
 
 // src/nextjs/index.tsx
 function SpeedInsights2(props) {
   const route = useRoute();
-  return /* @__PURE__ */ React.createElement(SpeedInsights, { ...route && { route }, ...props });
+  return /* @__PURE__ */ React.createElement(SpeedInsights, { route, ...props });
 }
 export {
   SpeedInsights2 as SpeedInsights

package/dist/next/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/nextjs/index.tsx","../../src/react/index.tsx","../../package.json","../../src/queue.ts","../../src/utils.ts","../../src/generic.ts","../../src/nextjs/utils.ts"],"sourcesContent":["import React from 'react';\nimport { SpeedInsights as SpeedInsightsScript } from '../react';\nimport type { SpeedInsightsProps } from '../types';\nimport { useRoute } from './utils';\n\nexport function SpeedInsights(\n  props: Omit<SpeedInsightsProps, 'route'>,\n): JSX.Element {\n  const route = useRoute();\n\n  return <SpeedInsightsScript {...(route && { route })} {...props} />;\n}\n","'use client';\nimport { useEffect, useRef } from 'react';\nimport type { SpeedInsightsProps } from '../types';\nimport { inject } from '../generic';\n\nexport function SpeedInsights(props: SpeedInsightsProps): JSX.Element | null {\n  const setScriptRoute = useRef<((path: string) => void) | null>(null);\n  useEffect(() => {\n    const script = inject(props);\n\n    setScriptRoute.current = script?.setRoute || null;\n  }, []);\n\n  useEffect(() => {\n    if (props.route && setScriptRoute.current) {\n      setScriptRoute.current(props.route);\n    }\n  }, [props.route]);\n\n  return null;\n}\n","{\n  \"name\": \"@vercel/speed-insights\",\n  \"version\": \"0.0.1-beta.5\",\n  \"description\": \"Speed Insights is a tool for measuring web performance and providing suggestions for improvement.\",\n  \"keywords\": [\n    \"speed-insights\",\n    \"vercel\"\n  ],\n  \"repository\": {\n    \"url\": \"github:vercel/speed-insights\",\n    \"directory\": \"packages/web\"\n  },\n  \"license\": \"MPL-2.0\",\n  \"type\": \"module\",\n  \"exports\": {\n    \"./package.json\": \"./package.json\",\n    \".\": {\n      \"browser\": \"./dist/index.js\",\n      \"import\": \"./dist/index.js\",\n      \"require\": \"./dist/index.cjs\"\n    },\n    \"./next\": {\n      \"browser\": \"./dist/next/index.js\",\n      \"import\": \"./dist/next/index.js\",\n      \"require\": \"./dist/next/index.cjs\"\n    },\n    \"./remix\": {\n      \"browser\": \"./dist/remix/index.js\",\n      \"import\": \"./dist/remix/index.js\",\n      \"require\": \"./dist/remix/index.cjs\"\n    }\n  },\n  \"main\": \"dist/index.js\",\n  \"types\": \"dist/index.d.ts\",\n  \"typesVersions\": {\n    \"*\": {\n      \"*\": [\n        \"dist/index.d.ts\"\n      ],\n      \"react\": [\n        \"dist/react/index.d.ts\"\n      ],\n      \"next\": [\n        \"dist/next/index.d.ts\"\n      ],\n      \"remix\": [\n        \"dist/remix/index.d.ts\"\n      ]\n    }\n  },\n  \"scripts\": {\n    \"build\": \"tsup\",\n    \"dev\": \"tsup --watch\",\n    \"postinstall\": \"node scripts/postinstall.js\",\n    \"lint\": \"eslint .\",\n    \"lint-fix\": \"eslint . --fix\",\n    \"test\": \"jest\",\n    \"type-check\": \"tsc --noEmit\"\n  },\n  \"devDependencies\": {\n    \"@remix-run/react\": \"^2.0.1\",\n    \"@swc/core\": \"^1.3.82\",\n    \"@swc/jest\": \"^0.2.29\",\n    \"@testing-library/jest-dom\": \"^6.1.2\",\n    \"@testing-library/react\": \"^14.0.0\",\n    \"@types/jest\": \"^29.5.4\",\n    \"@types/node\": \"^20.5.9\",\n    \"@types/react\": \"^18.2.21\",\n    \"jest\": \"^29.6.4\",\n    \"jest-environment-jsdom\": \"^29.6.4\",\n    \"next\": \"^13.4.19\",\n    \"react\": \"^18.2.0\",\n    \"react-dom\": \"^18.2.0\",\n    \"tsup\": \"7.2.0\"\n  }\n}\n","export const initQueue = (): void => {\n  // initialize va until script is loaded\n  if (window.si) return;\n\n  window.si = function a(...params): void {\n    (window.siq = window.siq || []).push(params);\n  };\n};\n","export function isBrowser(): boolean {\n  return typeof window !== 'undefined';\n}\n\nfunction detectEnvironment(): 'development' | 'production' {\n  try {\n    const env = process.env.NODE_ENV;\n    if (env === 'development' || env === 'test') {\n      return 'development';\n    }\n  } catch (e) {\n    // do nothing, this is okay\n  }\n  return 'production';\n}\n\nexport function isProduction(): boolean {\n  return detectEnvironment() === 'production';\n}\n\nexport function isDevelopment(): boolean {\n  return detectEnvironment() === 'development';\n}\n\nexport function computeRoute(\n  pathname: string | null,\n  pathParams: Record<string, string | string[]> | null,\n): string | null {\n  if (pathname === null) {\n    return null;\n  }\n  if (pathname === '' || !pathParams) {\n    return pathname;\n  }\n  let result = pathname;\n  for (const [key, valueOrArray] of Object.entries(pathParams)) {\n    let value: string;\n    let expr: string;\n    if (Array.isArray(valueOrArray)) {\n      // An array-based segment, e.g. \"/[...slugs]\".\n      expr = `...${key}`;\n      value = valueOrArray.join('/');\n    } else {\n      // A single dynamic segment, e.g. \"/posts/[pid]\".\n      expr = key;\n      value = valueOrArray;\n    }\n    if (!value) {\n      continue;\n    }\n    let start = 0;\n    while (start !== -1) {\n      start = result.indexOf(`/${value}`, start);\n      if (start !== -1) {\n        const end = start + value.length + 2;\n        if (\n          end >= result.length ||\n          result[end] === '/' ||\n          result[end] === '?' ||\n          result[end] === '#'\n        ) {\n          result = `${result.substring(\n            0,\n            start + 1,\n          )}[${expr}]${result.substring(end)}`;\n          break;\n        }\n        start += value.length + 1;\n      }\n    }\n  }\n  return result;\n}\n","import { name as packageName, version } from '../package.json';\nimport { initQueue } from './queue';\nimport type { SpeedInsightsProps } from './types';\nimport { isBrowser, isDevelopment } from './utils';\n\nconst DEV_SCRIPT_URL = `https://va.vercel-scripts.com/v1/speed-insights/script.debug.js`;\nconst SCRIPT_URL = `/_vercel/speed-insights/script.js`;\n\n/**\n * Injects the Vercel Speed Insights script into the page head and starts tracking page views. Read more in our [documentation](https://vercel.com/docs/speed-insights).\n * @param [props] - Speed Insights options.\n * @param [props.debug] - Whether to enable debug logging in development. Defaults to `true`.\n * @param [props.beforeSend] - A middleware function to modify events before they are sent. Should return the event object or `null` to cancel the event.\n */\nfunction inject(props: SpeedInsightsProps): {\n  setRoute: (route: string) => void;\n} | null {\n  if (!isBrowser()) return null;\n\n  initQueue();\n\n  if (props.beforeSend) {\n    window.si?.('beforeSend', props.beforeSend);\n  }\n  const src =\n    props.scriptSrc || (isDevelopment() ? DEV_SCRIPT_URL : SCRIPT_URL);\n\n  if (document.head.querySelector(`script[src*=\"${src}\"]`)) return null;\n\n  const script = document.createElement('script');\n  script.src = src;\n  script.defer = true;\n  script.dataset.sdkn = packageName;\n  script.dataset.sdkv = version;\n\n  if (props.sampleRate) {\n    script.dataset.sampleRate = props.sampleRate.toString();\n  }\n  if (props.route) {\n    script.dataset.route = props.route;\n  }\n  if (props.endpoint) {\n    script.dataset.endpoint = props.endpoint;\n  }\n  if (props.token) {\n    script.dataset.token = props.token;\n  }\n  if (isDevelopment() && props.debug === false) {\n    script.dataset.debug = 'false';\n  }\n\n  script.onerror = (): void => {\n    const errorMessage = isDevelopment()\n      ? 'Please check if any ad blockers are enabled and try again.'\n      : 'Be sure to enable Speed Insights for your project and deploy again. See https://vercel.com/docs/speed-insights for more information.';\n\n    // eslint-disable-next-line no-console -- Logging is okay here\n    console.log(\n      `[Vercel Speed Insights] Failed to load script from ${src}. ${errorMessage}`,\n    );\n  };\n\n  document.head.appendChild(script);\n\n  return {\n    setRoute: (route: string): void => {\n      script.dataset.route = route;\n    },\n  };\n}\n\nexport { inject };\nexport type { SpeedInsightsProps };\n\n// eslint-disable-next-line import/no-default-export -- Allow default export\nexport default {\n  inject,\n};\n","'use client';\nimport { useParams, usePathname } from 'next/navigation';\nimport { computeRoute } from '../utils';\n\nexport const useRoute = (): string | null => {\n  const params = useParams();\n  const path = usePathname();\n\n  return computeRoute(path, params);\n};\n"],"mappings":"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","names":["SpeedInsights"]}
+{"version":3,"sources":["../../src/nextjs/index.tsx","../../src/react/index.tsx","../../package.json","../../src/queue.ts","../../src/utils.ts","../../src/generic.ts","../../src/nextjs/utils.ts"],"sourcesContent":["import React from 'react';\nimport { SpeedInsights as SpeedInsightsScript } from '../react';\nimport type { SpeedInsightsProps } from '../types';\nimport { useRoute } from './utils';\n\nexport function SpeedInsights(\n  props: Omit<SpeedInsightsProps, 'route'>,\n): JSX.Element {\n  const route = useRoute();\n\n  return <SpeedInsightsScript route={route} {...props} />;\n}\n","'use client';\nimport { useEffect, useRef } from 'react';\nimport type { SpeedInsightsProps } from '../types';\nimport { inject } from '../generic';\n\nexport function SpeedInsights(props: SpeedInsightsProps): JSX.Element | null {\n  const setScriptRoute = useRef<((path: string) => void) | null>(null);\n  useEffect(() => {\n    if (!setScriptRoute.current) {\n      const script = inject(props);\n      if (script) {\n        setScriptRoute.current = script.setRoute;\n      }\n    } else if (props.route) {\n      setScriptRoute.current(props.route);\n    }\n  }, [props.route]);\n\n  return null;\n}\n","{\n  \"name\": \"@vercel/speed-insights\",\n  \"version\": \"0.0.1-beta.7\",\n  \"description\": \"Speed Insights is a tool for measuring web performance and providing suggestions for improvement.\",\n  \"keywords\": [\n    \"speed-insights\",\n    \"vercel\"\n  ],\n  \"repository\": {\n    \"url\": \"github:vercel/speed-insights\",\n    \"directory\": \"packages/web\"\n  },\n  \"license\": \"MPL-2.0\",\n  \"type\": \"module\",\n  \"exports\": {\n    \"./package.json\": \"./package.json\",\n    \".\": {\n      \"browser\": \"./dist/index.js\",\n      \"import\": \"./dist/index.js\",\n      \"require\": \"./dist/index.cjs\"\n    },\n    \"./next\": {\n      \"browser\": \"./dist/next/index.js\",\n      \"import\": \"./dist/next/index.js\",\n      \"require\": \"./dist/next/index.cjs\"\n    },\n    \"./remix\": {\n      \"browser\": \"./dist/remix/index.js\",\n      \"import\": \"./dist/remix/index.js\",\n      \"require\": \"./dist/remix/index.cjs\"\n    }\n  },\n  \"main\": \"dist/index.js\",\n  \"types\": \"dist/index.d.ts\",\n  \"typesVersions\": {\n    \"*\": {\n      \"*\": [\n        \"dist/index.d.ts\"\n      ],\n      \"react\": [\n        \"dist/react/index.d.ts\"\n      ],\n      \"next\": [\n        \"dist/next/index.d.ts\"\n      ],\n      \"remix\": [\n        \"dist/remix/index.d.ts\"\n      ]\n    }\n  },\n  \"scripts\": {\n    \"build\": \"tsup\",\n    \"dev\": \"tsup --watch\",\n    \"postinstall\": \"node scripts/postinstall.js\",\n    \"lint\": \"eslint .\",\n    \"lint-fix\": \"eslint . --fix\",\n    \"test\": \"jest\",\n    \"type-check\": \"tsc --noEmit\"\n  },\n  \"devDependencies\": {\n    \"@remix-run/react\": \"^2.0.1\",\n    \"@swc/core\": \"^1.3.82\",\n    \"@swc/jest\": \"^0.2.29\",\n    \"@testing-library/jest-dom\": \"^6.1.2\",\n    \"@testing-library/react\": \"^14.0.0\",\n    \"@types/jest\": \"^29.5.4\",\n    \"@types/node\": \"^20.5.9\",\n    \"@types/react\": \"^18.2.21\",\n    \"jest\": \"^29.6.4\",\n    \"jest-environment-jsdom\": \"^29.6.4\",\n    \"next\": \"^13.4.19\",\n    \"react\": \"^18.2.0\",\n    \"react-dom\": \"^18.2.0\",\n    \"tsup\": \"7.2.0\"\n  }\n}\n","export const initQueue = (): void => {\n  // initialize va until script is loaded\n  if (window.si) return;\n\n  window.si = function a(...params): void {\n    (window.siq = window.siq || []).push(params);\n  };\n};\n","export function isBrowser(): boolean {\n  return typeof window !== 'undefined';\n}\n\nfunction detectEnvironment(): 'development' | 'production' {\n  try {\n    const env = process.env.NODE_ENV;\n    if (env === 'development' || env === 'test') {\n      return 'development';\n    }\n  } catch (e) {\n    // do nothing, this is okay\n  }\n  return 'production';\n}\n\nexport function isProduction(): boolean {\n  return detectEnvironment() === 'production';\n}\n\nexport function isDevelopment(): boolean {\n  return detectEnvironment() === 'development';\n}\n\nexport function computeRoute(\n  pathname: string | null,\n  pathParams: Record<string, string | string[]> | null,\n): string | null {\n  if (!pathname || !pathParams) {\n    return pathname;\n  }\n\n  let result = pathname;\n\n  for (const [key, valueOrArray] of Object.entries(pathParams)) {\n    const isValueArray = Array.isArray(valueOrArray);\n    const value = isValueArray ? valueOrArray.join('/') : valueOrArray;\n    const expr = isValueArray ? `...${key}` : key;\n\n    const matcher = new RegExp(`/${value}(?=[/?#]|$)`);\n    if (matcher.test(result)) {\n      result = result.replace(matcher, `/[${expr}]`);\n    }\n  }\n\n  return result;\n}\n","import { name as packageName, version } from '../package.json';\nimport { initQueue } from './queue';\nimport type { SpeedInsightsProps } from './types';\nimport { isBrowser, isDevelopment } from './utils';\n\nconst DEV_SCRIPT_URL = `https://va.vercel-scripts.com/v1/speed-insights/script.debug.js`;\nconst SCRIPT_URL = `/_vercel/speed-insights/script.js`;\n\n/**\n * Injects the Vercel Speed Insights script into the page head and starts tracking page views. Read more in our [documentation](https://vercel.com/docs/speed-insights).\n * @param [props] - Speed Insights options.\n * @param [props.debug] - Whether to enable debug logging in development. Defaults to `true`.\n * @param [props.beforeSend] - A middleware function to modify events before they are sent. Should return the event object or `null` to cancel the event.\n */\nfunction inject(props: SpeedInsightsProps): {\n  setRoute: (route: string) => void;\n} | null {\n  // When route is null, it means that pages router is not ready yet. Will resolve soon\n  if (!isBrowser() || props.route === null) return null;\n\n  initQueue();\n\n  if (props.beforeSend) {\n    window.si?.('beforeSend', props.beforeSend);\n  }\n  const src =\n    props.scriptSrc || (isDevelopment() ? DEV_SCRIPT_URL : SCRIPT_URL);\n\n  if (document.head.querySelector(`script[src*=\"${src}\"]`)) return null;\n\n  const script = document.createElement('script');\n  script.src = src;\n  script.defer = true;\n  script.dataset.sdkn = packageName;\n  script.dataset.sdkv = version;\n\n  if (props.sampleRate) {\n    script.dataset.sampleRate = props.sampleRate.toString();\n  }\n  if (props.route) {\n    script.dataset.route = props.route;\n  }\n  if (props.endpoint) {\n    script.dataset.endpoint = props.endpoint;\n  }\n  if (props.token) {\n    script.dataset.token = props.token;\n  }\n  if (isDevelopment() && props.debug === false) {\n    script.dataset.debug = 'false';\n  }\n\n  script.onerror = (): void => {\n    const errorMessage = isDevelopment()\n      ? 'Please check if any ad blockers are enabled and try again.'\n      : 'Be sure to enable Speed Insights for your project and deploy again. See https://vercel.com/docs/speed-insights for more information.';\n\n    // eslint-disable-next-line no-console -- Logging is okay here\n    console.log(\n      `[Vercel Speed Insights] Failed to load script from ${src}. ${errorMessage}`,\n    );\n  };\n\n  document.head.appendChild(script);\n\n  return {\n    setRoute: (route: string): void => {\n      script.dataset.route = route;\n    },\n  };\n}\n\nexport { inject };\nexport type { SpeedInsightsProps };\n\n// eslint-disable-next-line import/no-default-export -- Allow default export\nexport default {\n  inject,\n};\n","'use client';\nimport { useParams, usePathname, useSearchParams } from 'next/navigation';\nimport { useMemo } from 'react';\nimport { computeRoute } from '../utils';\n\nexport const useRoute = (): string | null => {\n  const params = useParams();\n  const searchParams = useSearchParams();\n  const path = usePathname();\n\n  const finalParams = useMemo(() => {\n    // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition -- can be null on pages router\n    if (!params) return null;\n    if (Object.keys(params).length !== 0) {\n      return params;\n    }\n    // For pages router, we need to use `searchParams` because `params` is an empty object\n    return { ...Object.fromEntries(searchParams.entries()) };\n  }, [params, searchParams]);\n\n  return computeRoute(path, finalParams);\n};\n"],"mappings":"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","names":["SpeedInsights"]}

package/dist/remix/index.cjs

@@ -40,7 +40,7 @@ var import_react = require("react");
 
 // package.json
 var name = "@vercel/speed-insights";
-var version = "0.0.1-beta.5";
+var version = "0.0.1-beta.7";
 
 // src/queue.ts
 var initQueue = () => {
@@ -69,40 +69,17 @@ function isDevelopment() {
   return detectEnvironment() === "development";
 }
 function computeRoute(pathname, pathParams) {
-  if (pathname === null) {
-    return null;
-  }
-  if (pathname === "" || !pathParams) {
+  if (!pathname || !pathParams) {
     return pathname;
   }
   let result = pathname;
   for (const [key, valueOrArray] of Object.entries(pathParams)) {
-    let value;
-    let expr;
-    if (Array.isArray(valueOrArray)) {
-      expr = `...${key}`;
-      value = valueOrArray.join("/");
-    } else {
-      expr = key;
-      value = valueOrArray;
-    }
-    if (!value) {
-      continue;
-    }
-    let start = 0;
-    while (start !== -1) {
-      start = result.indexOf(`/${value}`, start);
-      if (start !== -1) {
-        const end = start + value.length + 2;
-        if (end >= result.length || result[end] === "/" || result[end] === "?" || result[end] === "#") {
-          result = `${result.substring(
-            0,
-            start + 1
-          )}[${expr}]${result.substring(end)}`;
-          break;
-        }
-        start += value.length + 1;
-      }
+    const isValueArray = Array.isArray(valueOrArray);
+    const value = isValueArray ? valueOrArray.join("/") : valueOrArray;
+    const expr = isValueArray ? `...${key}` : key;
+    const matcher = new RegExp(`/${value}(?=[/?#]|$)`);
+    if (matcher.test(result)) {
+      result = result.replace(matcher, `/[${expr}]`);
     }
   }
   return result;
@@ -113,7 +90,7 @@ var DEV_SCRIPT_URL = `https://va.vercel-scripts.com/v1/speed-insights/script.deb
 var SCRIPT_URL = `/_vercel/speed-insights/script.js`;
 function inject(props) {
   var _a;
-  if (!isBrowser())
+  if (!isBrowser() || props.route === null)
     return null;
   initQueue();
   if (props.beforeSend) {
@@ -160,11 +137,12 @@ function inject(props) {
 function SpeedInsights(props) {
   const setScriptRoute = (0, import_react.useRef)(null);
   (0, import_react.useEffect)(() => {
-    const script = inject(props);
-    setScriptRoute.current = (script == null ? void 0 : script.setRoute) || null;
-  }, []);
-  (0, import_react.useEffect)(() => {
-    if (props.route && setScriptRoute.current) {
+    if (!setScriptRoute.current) {
+      const script = inject(props);
+      if (script) {
+        setScriptRoute.current = script.setRoute;
+      }
+    } else if (props.route) {
       setScriptRoute.current(props.route);
     }
   }, [props.route]);

package/dist/remix/index.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/remix/index.tsx","../../src/react/index.tsx","../../package.json","../../src/queue.ts","../../src/utils.ts","../../src/generic.ts","../../src/remix/utils.ts"],"sourcesContent":["import React from 'react';\nimport { SpeedInsights as SpeedInsightsScript } from '../react';\nimport type { SpeedInsightsProps } from '../types';\nimport { useRoute } from './utils';\n\nexport function SpeedInsights(\n  props: Omit<SpeedInsightsProps, 'route'>,\n): JSX.Element {\n  const route = useRoute();\n\n  return <SpeedInsightsScript {...(route && { route })} {...props} />;\n}\n","'use client';\nimport { useEffect, useRef } from 'react';\nimport type { SpeedInsightsProps } from '../types';\nimport { inject } from '../generic';\n\nexport function SpeedInsights(props: SpeedInsightsProps): JSX.Element | null {\n  const setScriptRoute = useRef<((path: string) => void) | null>(null);\n  useEffect(() => {\n    const script = inject(props);\n\n    setScriptRoute.current = script?.setRoute || null;\n  }, []);\n\n  useEffect(() => {\n    if (props.route && setScriptRoute.current) {\n      setScriptRoute.current(props.route);\n    }\n  }, [props.route]);\n\n  return null;\n}\n","{\n  \"name\": \"@vercel/speed-insights\",\n  \"version\": \"0.0.1-beta.5\",\n  \"description\": \"Speed Insights is a tool for measuring web performance and providing suggestions for improvement.\",\n  \"keywords\": [\n    \"speed-insights\",\n    \"vercel\"\n  ],\n  \"repository\": {\n    \"url\": \"github:vercel/speed-insights\",\n    \"directory\": \"packages/web\"\n  },\n  \"license\": \"MPL-2.0\",\n  \"type\": \"module\",\n  \"exports\": {\n    \"./package.json\": \"./package.json\",\n    \".\": {\n      \"browser\": \"./dist/index.js\",\n      \"import\": \"./dist/index.js\",\n      \"require\": \"./dist/index.cjs\"\n    },\n    \"./next\": {\n      \"browser\": \"./dist/next/index.js\",\n      \"import\": \"./dist/next/index.js\",\n      \"require\": \"./dist/next/index.cjs\"\n    },\n    \"./remix\": {\n      \"browser\": \"./dist/remix/index.js\",\n      \"import\": \"./dist/remix/index.js\",\n      \"require\": \"./dist/remix/index.cjs\"\n    }\n  },\n  \"main\": \"dist/index.js\",\n  \"types\": \"dist/index.d.ts\",\n  \"typesVersions\": {\n    \"*\": {\n      \"*\": [\n        \"dist/index.d.ts\"\n      ],\n      \"react\": [\n        \"dist/react/index.d.ts\"\n      ],\n      \"next\": [\n        \"dist/next/index.d.ts\"\n      ],\n      \"remix\": [\n        \"dist/remix/index.d.ts\"\n      ]\n    }\n  },\n  \"scripts\": {\n    \"build\": \"tsup\",\n    \"dev\": \"tsup --watch\",\n    \"postinstall\": \"node scripts/postinstall.js\",\n    \"lint\": \"eslint .\",\n    \"lint-fix\": \"eslint . --fix\",\n    \"test\": \"jest\",\n    \"type-check\": \"tsc --noEmit\"\n  },\n  \"devDependencies\": {\n    \"@remix-run/react\": \"^2.0.1\",\n    \"@swc/core\": \"^1.3.82\",\n    \"@swc/jest\": \"^0.2.29\",\n    \"@testing-library/jest-dom\": \"^6.1.2\",\n    \"@testing-library/react\": \"^14.0.0\",\n    \"@types/jest\": \"^29.5.4\",\n    \"@types/node\": \"^20.5.9\",\n    \"@types/react\": \"^18.2.21\",\n    \"jest\": \"^29.6.4\",\n    \"jest-environment-jsdom\": \"^29.6.4\",\n    \"next\": \"^13.4.19\",\n    \"react\": \"^18.2.0\",\n    \"react-dom\": \"^18.2.0\",\n    \"tsup\": \"7.2.0\"\n  }\n}\n","export const initQueue = (): void => {\n  // initialize va until script is loaded\n  if (window.si) return;\n\n  window.si = function a(...params): void {\n    (window.siq = window.siq || []).push(params);\n  };\n};\n","export function isBrowser(): boolean {\n  return typeof window !== 'undefined';\n}\n\nfunction detectEnvironment(): 'development' | 'production' {\n  try {\n    const env = process.env.NODE_ENV;\n    if (env === 'development' || env === 'test') {\n      return 'development';\n    }\n  } catch (e) {\n    // do nothing, this is okay\n  }\n  return 'production';\n}\n\nexport function isProduction(): boolean {\n  return detectEnvironment() === 'production';\n}\n\nexport function isDevelopment(): boolean {\n  return detectEnvironment() === 'development';\n}\n\nexport function computeRoute(\n  pathname: string | null,\n  pathParams: Record<string, string | string[]> | null,\n): string | null {\n  if (pathname === null) {\n    return null;\n  }\n  if (pathname === '' || !pathParams) {\n    return pathname;\n  }\n  let result = pathname;\n  for (const [key, valueOrArray] of Object.entries(pathParams)) {\n    let value: string;\n    let expr: string;\n    if (Array.isArray(valueOrArray)) {\n      // An array-based segment, e.g. \"/[...slugs]\".\n      expr = `...${key}`;\n      value = valueOrArray.join('/');\n    } else {\n      // A single dynamic segment, e.g. \"/posts/[pid]\".\n      expr = key;\n      value = valueOrArray;\n    }\n    if (!value) {\n      continue;\n    }\n    let start = 0;\n    while (start !== -1) {\n      start = result.indexOf(`/${value}`, start);\n      if (start !== -1) {\n        const end = start + value.length + 2;\n        if (\n          end >= result.length ||\n          result[end] === '/' ||\n          result[end] === '?' ||\n          result[end] === '#'\n        ) {\n          result = `${result.substring(\n            0,\n            start + 1,\n          )}[${expr}]${result.substring(end)}`;\n          break;\n        }\n        start += value.length + 1;\n      }\n    }\n  }\n  return result;\n}\n","import { name as packageName, version } from '../package.json';\nimport { initQueue } from './queue';\nimport type { SpeedInsightsProps } from './types';\nimport { isBrowser, isDevelopment } from './utils';\n\nconst DEV_SCRIPT_URL = `https://va.vercel-scripts.com/v1/speed-insights/script.debug.js`;\nconst SCRIPT_URL = `/_vercel/speed-insights/script.js`;\n\n/**\n * Injects the Vercel Speed Insights script into the page head and starts tracking page views. Read more in our [documentation](https://vercel.com/docs/speed-insights).\n * @param [props] - Speed Insights options.\n * @param [props.debug] - Whether to enable debug logging in development. Defaults to `true`.\n * @param [props.beforeSend] - A middleware function to modify events before they are sent. Should return the event object or `null` to cancel the event.\n */\nfunction inject(props: SpeedInsightsProps): {\n  setRoute: (route: string) => void;\n} | null {\n  if (!isBrowser()) return null;\n\n  initQueue();\n\n  if (props.beforeSend) {\n    window.si?.('beforeSend', props.beforeSend);\n  }\n  const src =\n    props.scriptSrc || (isDevelopment() ? DEV_SCRIPT_URL : SCRIPT_URL);\n\n  if (document.head.querySelector(`script[src*=\"${src}\"]`)) return null;\n\n  const script = document.createElement('script');\n  script.src = src;\n  script.defer = true;\n  script.dataset.sdkn = packageName;\n  script.dataset.sdkv = version;\n\n  if (props.sampleRate) {\n    script.dataset.sampleRate = props.sampleRate.toString();\n  }\n  if (props.route) {\n    script.dataset.route = props.route;\n  }\n  if (props.endpoint) {\n    script.dataset.endpoint = props.endpoint;\n  }\n  if (props.token) {\n    script.dataset.token = props.token;\n  }\n  if (isDevelopment() && props.debug === false) {\n    script.dataset.debug = 'false';\n  }\n\n  script.onerror = (): void => {\n    const errorMessage = isDevelopment()\n      ? 'Please check if any ad blockers are enabled and try again.'\n      : 'Be sure to enable Speed Insights for your project and deploy again. See https://vercel.com/docs/speed-insights for more information.';\n\n    // eslint-disable-next-line no-console -- Logging is okay here\n    console.log(\n      `[Vercel Speed Insights] Failed to load script from ${src}. ${errorMessage}`,\n    );\n  };\n\n  document.head.appendChild(script);\n\n  return {\n    setRoute: (route: string): void => {\n      script.dataset.route = route;\n    },\n  };\n}\n\nexport { inject };\nexport type { SpeedInsightsProps };\n\n// eslint-disable-next-line import/no-default-export -- Allow default export\nexport default {\n  inject,\n};\n","import { useLocation, useParams } from '@remix-run/react';\nimport { computeRoute } from '../utils';\n\nexport const useRoute = (): string | null => {\n  const params = useParams();\n  const location = useLocation();\n\n  return computeRoute(location.pathname, params as never);\n};\n"],"mappings":"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","names":["SpeedInsights","import_react","import_react","SpeedInsights","React"]}
+{"version":3,"sources":["../../src/remix/index.tsx","../../src/react/index.tsx","../../package.json","../../src/queue.ts","../../src/utils.ts","../../src/generic.ts","../../src/remix/utils.ts"],"sourcesContent":["import React from 'react';\nimport { SpeedInsights as SpeedInsightsScript } from '../react';\nimport type { SpeedInsightsProps } from '../types';\nimport { useRoute } from './utils';\n\nexport function SpeedInsights(\n  props: Omit<SpeedInsightsProps, 'route'>,\n): JSX.Element {\n  const route = useRoute();\n\n  return <SpeedInsightsScript {...(route && { route })} {...props} />;\n}\n","'use client';\nimport { useEffect, useRef } from 'react';\nimport type { SpeedInsightsProps } from '../types';\nimport { inject } from '../generic';\n\nexport function SpeedInsights(props: SpeedInsightsProps): JSX.Element | null {\n  const setScriptRoute = useRef<((path: string) => void) | null>(null);\n  useEffect(() => {\n    if (!setScriptRoute.current) {\n      const script = inject(props);\n      if (script) {\n        setScriptRoute.current = script.setRoute;\n      }\n    } else if (props.route) {\n      setScriptRoute.current(props.route);\n    }\n  }, [props.route]);\n\n  return null;\n}\n","{\n  \"name\": \"@vercel/speed-insights\",\n  \"version\": \"0.0.1-beta.7\",\n  \"description\": \"Speed Insights is a tool for measuring web performance and providing suggestions for improvement.\",\n  \"keywords\": [\n    \"speed-insights\",\n    \"vercel\"\n  ],\n  \"repository\": {\n    \"url\": \"github:vercel/speed-insights\",\n    \"directory\": \"packages/web\"\n  },\n  \"license\": \"MPL-2.0\",\n  \"type\": \"module\",\n  \"exports\": {\n    \"./package.json\": \"./package.json\",\n    \".\": {\n      \"browser\": \"./dist/index.js\",\n      \"import\": \"./dist/index.js\",\n      \"require\": \"./dist/index.cjs\"\n    },\n    \"./next\": {\n      \"browser\": \"./dist/next/index.js\",\n      \"import\": \"./dist/next/index.js\",\n      \"require\": \"./dist/next/index.cjs\"\n    },\n    \"./remix\": {\n      \"browser\": \"./dist/remix/index.js\",\n      \"import\": \"./dist/remix/index.js\",\n      \"require\": \"./dist/remix/index.cjs\"\n    }\n  },\n  \"main\": \"dist/index.js\",\n  \"types\": \"dist/index.d.ts\",\n  \"typesVersions\": {\n    \"*\": {\n      \"*\": [\n        \"dist/index.d.ts\"\n      ],\n      \"react\": [\n        \"dist/react/index.d.ts\"\n      ],\n      \"next\": [\n        \"dist/next/index.d.ts\"\n      ],\n      \"remix\": [\n        \"dist/remix/index.d.ts\"\n      ]\n    }\n  },\n  \"scripts\": {\n    \"build\": \"tsup\",\n    \"dev\": \"tsup --watch\",\n    \"postinstall\": \"node scripts/postinstall.js\",\n    \"lint\": \"eslint .\",\n    \"lint-fix\": \"eslint . --fix\",\n    \"test\": \"jest\",\n    \"type-check\": \"tsc --noEmit\"\n  },\n  \"devDependencies\": {\n    \"@remix-run/react\": \"^2.0.1\",\n    \"@swc/core\": \"^1.3.82\",\n    \"@swc/jest\": \"^0.2.29\",\n    \"@testing-library/jest-dom\": \"^6.1.2\",\n    \"@testing-library/react\": \"^14.0.0\",\n    \"@types/jest\": \"^29.5.4\",\n    \"@types/node\": \"^20.5.9\",\n    \"@types/react\": \"^18.2.21\",\n    \"jest\": \"^29.6.4\",\n    \"jest-environment-jsdom\": \"^29.6.4\",\n    \"next\": \"^13.4.19\",\n    \"react\": \"^18.2.0\",\n    \"react-dom\": \"^18.2.0\",\n    \"tsup\": \"7.2.0\"\n  }\n}\n","export const initQueue = (): void => {\n  // initialize va until script is loaded\n  if (window.si) return;\n\n  window.si = function a(...params): void {\n    (window.siq = window.siq || []).push(params);\n  };\n};\n","export function isBrowser(): boolean {\n  return typeof window !== 'undefined';\n}\n\nfunction detectEnvironment(): 'development' | 'production' {\n  try {\n    const env = process.env.NODE_ENV;\n    if (env === 'development' || env === 'test') {\n      return 'development';\n    }\n  } catch (e) {\n    // do nothing, this is okay\n  }\n  return 'production';\n}\n\nexport function isProduction(): boolean {\n  return detectEnvironment() === 'production';\n}\n\nexport function isDevelopment(): boolean {\n  return detectEnvironment() === 'development';\n}\n\nexport function computeRoute(\n  pathname: string | null,\n  pathParams: Record<string, string | string[]> | null,\n): string | null {\n  if (!pathname || !pathParams) {\n    return pathname;\n  }\n\n  let result = pathname;\n\n  for (const [key, valueOrArray] of Object.entries(pathParams)) {\n    const isValueArray = Array.isArray(valueOrArray);\n    const value = isValueArray ? valueOrArray.join('/') : valueOrArray;\n    const expr = isValueArray ? `...${key}` : key;\n\n    const matcher = new RegExp(`/${value}(?=[/?#]|$)`);\n    if (matcher.test(result)) {\n      result = result.replace(matcher, `/[${expr}]`);\n    }\n  }\n\n  return result;\n}\n","import { name as packageName, version } from '../package.json';\nimport { initQueue } from './queue';\nimport type { SpeedInsightsProps } from './types';\nimport { isBrowser, isDevelopment } from './utils';\n\nconst DEV_SCRIPT_URL = `https://va.vercel-scripts.com/v1/speed-insights/script.debug.js`;\nconst SCRIPT_URL = `/_vercel/speed-insights/script.js`;\n\n/**\n * Injects the Vercel Speed Insights script into the page head and starts tracking page views. Read more in our [documentation](https://vercel.com/docs/speed-insights).\n * @param [props] - Speed Insights options.\n * @param [props.debug] - Whether to enable debug logging in development. Defaults to `true`.\n * @param [props.beforeSend] - A middleware function to modify events before they are sent. Should return the event object or `null` to cancel the event.\n */\nfunction inject(props: SpeedInsightsProps): {\n  setRoute: (route: string) => void;\n} | null {\n  // When route is null, it means that pages router is not ready yet. Will resolve soon\n  if (!isBrowser() || props.route === null) return null;\n\n  initQueue();\n\n  if (props.beforeSend) {\n    window.si?.('beforeSend', props.beforeSend);\n  }\n  const src =\n    props.scriptSrc || (isDevelopment() ? DEV_SCRIPT_URL : SCRIPT_URL);\n\n  if (document.head.querySelector(`script[src*=\"${src}\"]`)) return null;\n\n  const script = document.createElement('script');\n  script.src = src;\n  script.defer = true;\n  script.dataset.sdkn = packageName;\n  script.dataset.sdkv = version;\n\n  if (props.sampleRate) {\n    script.dataset.sampleRate = props.sampleRate.toString();\n  }\n  if (props.route) {\n    script.dataset.route = props.route;\n  }\n  if (props.endpoint) {\n    script.dataset.endpoint = props.endpoint;\n  }\n  if (props.token) {\n    script.dataset.token = props.token;\n  }\n  if (isDevelopment() && props.debug === false) {\n    script.dataset.debug = 'false';\n  }\n\n  script.onerror = (): void => {\n    const errorMessage = isDevelopment()\n      ? 'Please check if any ad blockers are enabled and try again.'\n      : 'Be sure to enable Speed Insights for your project and deploy again. See https://vercel.com/docs/speed-insights for more information.';\n\n    // eslint-disable-next-line no-console -- Logging is okay here\n    console.log(\n      `[Vercel Speed Insights] Failed to load script from ${src}. ${errorMessage}`,\n    );\n  };\n\n  document.head.appendChild(script);\n\n  return {\n    setRoute: (route: string): void => {\n      script.dataset.route = route;\n    },\n  };\n}\n\nexport { inject };\nexport type { SpeedInsightsProps };\n\n// eslint-disable-next-line import/no-default-export -- Allow default export\nexport default {\n  inject,\n};\n","import { useLocation, useParams } from '@remix-run/react';\nimport { computeRoute } from '../utils';\n\nexport const useRoute = (): string | null => {\n  const params = useParams();\n  const location = useLocation();\n\n  return computeRoute(location.pathname, params as never);\n};\n"],"mappings":"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","names":["SpeedInsights","import_react","import_react","SpeedInsights","React"]}

package/dist/remix/index.d.cts

@@ -1,7 +1,7 @@
 interface SpeedInsightsProps {
     token?: string;
     sampleRate?: number;
-    route?: string;
+    route?: string | null;
     beforeSend?: BeforeSendMiddleware;
     debug?: boolean;
     scriptSrc?: string;

package/dist/remix/index.d.ts

@@ -1,7 +1,7 @@
 interface SpeedInsightsProps {
     token?: string;
     sampleRate?: number;
-    route?: string;
+    route?: string | null;
     beforeSend?: BeforeSendMiddleware;
     debug?: boolean;
     scriptSrc?: string;

package/dist/remix/index.js

@@ -6,7 +6,7 @@ import { useEffect, useRef } from "react";
 
 // package.json
 var name = "@vercel/speed-insights";
-var version = "0.0.1-beta.5";
+var version = "0.0.1-beta.7";
 
 // src/queue.ts
 var initQueue = () => {
@@ -35,40 +35,17 @@ function isDevelopment() {
   return detectEnvironment() === "development";
 }
 function computeRoute(pathname, pathParams) {
-  if (pathname === null) {
-    return null;
-  }
-  if (pathname === "" || !pathParams) {
+  if (!pathname || !pathParams) {
     return pathname;
   }
   let result = pathname;
   for (const [key, valueOrArray] of Object.entries(pathParams)) {
-    let value;
-    let expr;
-    if (Array.isArray(valueOrArray)) {
-      expr = `...${key}`;
-      value = valueOrArray.join("/");
-    } else {
-      expr = key;
-      value = valueOrArray;
-    }
-    if (!value) {
-      continue;
-    }
-    let start = 0;
-    while (start !== -1) {
-      start = result.indexOf(`/${value}`, start);
-      if (start !== -1) {
-        const end = start + value.length + 2;
-        if (end >= result.length || result[end] === "/" || result[end] === "?" || result[end] === "#") {
-          result = `${result.substring(
-            0,
-            start + 1
-          )}[${expr}]${result.substring(end)}`;
-          break;
-        }
-        start += value.length + 1;
-      }
+    const isValueArray = Array.isArray(valueOrArray);
+    const value = isValueArray ? valueOrArray.join("/") : valueOrArray;
+    const expr = isValueArray ? `...${key}` : key;
+    const matcher = new RegExp(`/${value}(?=[/?#]|$)`);
+    if (matcher.test(result)) {
+      result = result.replace(matcher, `/[${expr}]`);
     }
   }
   return result;
@@ -79,7 +56,7 @@ var DEV_SCRIPT_URL = `https://va.vercel-scripts.com/v1/speed-insights/script.deb
 var SCRIPT_URL = `/_vercel/speed-insights/script.js`;
 function inject(props) {
   var _a;
-  if (!isBrowser())
+  if (!isBrowser() || props.route === null)
     return null;
   initQueue();
   if (props.beforeSend) {
@@ -126,11 +103,12 @@ function inject(props) {
 function SpeedInsights(props) {
   const setScriptRoute = useRef(null);
   useEffect(() => {
-    const script = inject(props);
-    setScriptRoute.current = (script == null ? void 0 : script.setRoute) || null;
-  }, []);
-  useEffect(() => {
-    if (props.route && setScriptRoute.current) {
+    if (!setScriptRoute.current) {
+      const script = inject(props);
+      if (script) {
+        setScriptRoute.current = script.setRoute;
+      }
+    } else if (props.route) {
       setScriptRoute.current(props.route);
     }
   }, [props.route]);

package/dist/remix/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/remix/index.tsx","../../src/react/index.tsx","../../package.json","../../src/queue.ts","../../src/utils.ts","../../src/generic.ts","../../src/remix/utils.ts"],"sourcesContent":["import React from 'react';\nimport { SpeedInsights as SpeedInsightsScript } from '../react';\nimport type { SpeedInsightsProps } from '../types';\nimport { useRoute } from './utils';\n\nexport function SpeedInsights(\n  props: Omit<SpeedInsightsProps, 'route'>,\n): JSX.Element {\n  const route = useRoute();\n\n  return <SpeedInsightsScript {...(route && { route })} {...props} />;\n}\n","'use client';\nimport { useEffect, useRef } from 'react';\nimport type { SpeedInsightsProps } from '../types';\nimport { inject } from '../generic';\n\nexport function SpeedInsights(props: SpeedInsightsProps): JSX.Element | null {\n  const setScriptRoute = useRef<((path: string) => void) | null>(null);\n  useEffect(() => {\n    const script = inject(props);\n\n    setScriptRoute.current = script?.setRoute || null;\n  }, []);\n\n  useEffect(() => {\n    if (props.route && setScriptRoute.current) {\n      setScriptRoute.current(props.route);\n    }\n  }, [props.route]);\n\n  return null;\n}\n","{\n  \"name\": \"@vercel/speed-insights\",\n  \"version\": \"0.0.1-beta.5\",\n  \"description\": \"Speed Insights is a tool for measuring web performance and providing suggestions for improvement.\",\n  \"keywords\": [\n    \"speed-insights\",\n    \"vercel\"\n  ],\n  \"repository\": {\n    \"url\": \"github:vercel/speed-insights\",\n    \"directory\": \"packages/web\"\n  },\n  \"license\": \"MPL-2.0\",\n  \"type\": \"module\",\n  \"exports\": {\n    \"./package.json\": \"./package.json\",\n    \".\": {\n      \"browser\": \"./dist/index.js\",\n      \"import\": \"./dist/index.js\",\n      \"require\": \"./dist/index.cjs\"\n    },\n    \"./next\": {\n      \"browser\": \"./dist/next/index.js\",\n      \"import\": \"./dist/next/index.js\",\n      \"require\": \"./dist/next/index.cjs\"\n    },\n    \"./remix\": {\n      \"browser\": \"./dist/remix/index.js\",\n      \"import\": \"./dist/remix/index.js\",\n      \"require\": \"./dist/remix/index.cjs\"\n    }\n  },\n  \"main\": \"dist/index.js\",\n  \"types\": \"dist/index.d.ts\",\n  \"typesVersions\": {\n    \"*\": {\n      \"*\": [\n        \"dist/index.d.ts\"\n      ],\n      \"react\": [\n        \"dist/react/index.d.ts\"\n      ],\n      \"next\": [\n        \"dist/next/index.d.ts\"\n      ],\n      \"remix\": [\n        \"dist/remix/index.d.ts\"\n      ]\n    }\n  },\n  \"scripts\": {\n    \"build\": \"tsup\",\n    \"dev\": \"tsup --watch\",\n    \"postinstall\": \"node scripts/postinstall.js\",\n    \"lint\": \"eslint .\",\n    \"lint-fix\": \"eslint . --fix\",\n    \"test\": \"jest\",\n    \"type-check\": \"tsc --noEmit\"\n  },\n  \"devDependencies\": {\n    \"@remix-run/react\": \"^2.0.1\",\n    \"@swc/core\": \"^1.3.82\",\n    \"@swc/jest\": \"^0.2.29\",\n    \"@testing-library/jest-dom\": \"^6.1.2\",\n    \"@testing-library/react\": \"^14.0.0\",\n    \"@types/jest\": \"^29.5.4\",\n    \"@types/node\": \"^20.5.9\",\n    \"@types/react\": \"^18.2.21\",\n    \"jest\": \"^29.6.4\",\n    \"jest-environment-jsdom\": \"^29.6.4\",\n    \"next\": \"^13.4.19\",\n    \"react\": \"^18.2.0\",\n    \"react-dom\": \"^18.2.0\",\n    \"tsup\": \"7.2.0\"\n  }\n}\n","export const initQueue = (): void => {\n  // initialize va until script is loaded\n  if (window.si) return;\n\n  window.si = function a(...params): void {\n    (window.siq = window.siq || []).push(params);\n  };\n};\n","export function isBrowser(): boolean {\n  return typeof window !== 'undefined';\n}\n\nfunction detectEnvironment(): 'development' | 'production' {\n  try {\n    const env = process.env.NODE_ENV;\n    if (env === 'development' || env === 'test') {\n      return 'development';\n    }\n  } catch (e) {\n    // do nothing, this is okay\n  }\n  return 'production';\n}\n\nexport function isProduction(): boolean {\n  return detectEnvironment() === 'production';\n}\n\nexport function isDevelopment(): boolean {\n  return detectEnvironment() === 'development';\n}\n\nexport function computeRoute(\n  pathname: string | null,\n  pathParams: Record<string, string | string[]> | null,\n): string | null {\n  if (pathname === null) {\n    return null;\n  }\n  if (pathname === '' || !pathParams) {\n    return pathname;\n  }\n  let result = pathname;\n  for (const [key, valueOrArray] of Object.entries(pathParams)) {\n    let value: string;\n    let expr: string;\n    if (Array.isArray(valueOrArray)) {\n      // An array-based segment, e.g. \"/[...slugs]\".\n      expr = `...${key}`;\n      value = valueOrArray.join('/');\n    } else {\n      // A single dynamic segment, e.g. \"/posts/[pid]\".\n      expr = key;\n      value = valueOrArray;\n    }\n    if (!value) {\n      continue;\n    }\n    let start = 0;\n    while (start !== -1) {\n      start = result.indexOf(`/${value}`, start);\n      if (start !== -1) {\n        const end = start + value.length + 2;\n        if (\n          end >= result.length ||\n          result[end] === '/' ||\n          result[end] === '?' ||\n          result[end] === '#'\n        ) {\n          result = `${result.substring(\n            0,\n            start + 1,\n          )}[${expr}]${result.substring(end)}`;\n          break;\n        }\n        start += value.length + 1;\n      }\n    }\n  }\n  return result;\n}\n","import { name as packageName, version } from '../package.json';\nimport { initQueue } from './queue';\nimport type { SpeedInsightsProps } from './types';\nimport { isBrowser, isDevelopment } from './utils';\n\nconst DEV_SCRIPT_URL = `https://va.vercel-scripts.com/v1/speed-insights/script.debug.js`;\nconst SCRIPT_URL = `/_vercel/speed-insights/script.js`;\n\n/**\n * Injects the Vercel Speed Insights script into the page head and starts tracking page views. Read more in our [documentation](https://vercel.com/docs/speed-insights).\n * @param [props] - Speed Insights options.\n * @param [props.debug] - Whether to enable debug logging in development. Defaults to `true`.\n * @param [props.beforeSend] - A middleware function to modify events before they are sent. Should return the event object or `null` to cancel the event.\n */\nfunction inject(props: SpeedInsightsProps): {\n  setRoute: (route: string) => void;\n} | null {\n  if (!isBrowser()) return null;\n\n  initQueue();\n\n  if (props.beforeSend) {\n    window.si?.('beforeSend', props.beforeSend);\n  }\n  const src =\n    props.scriptSrc || (isDevelopment() ? DEV_SCRIPT_URL : SCRIPT_URL);\n\n  if (document.head.querySelector(`script[src*=\"${src}\"]`)) return null;\n\n  const script = document.createElement('script');\n  script.src = src;\n  script.defer = true;\n  script.dataset.sdkn = packageName;\n  script.dataset.sdkv = version;\n\n  if (props.sampleRate) {\n    script.dataset.sampleRate = props.sampleRate.toString();\n  }\n  if (props.route) {\n    script.dataset.route = props.route;\n  }\n  if (props.endpoint) {\n    script.dataset.endpoint = props.endpoint;\n  }\n  if (props.token) {\n    script.dataset.token = props.token;\n  }\n  if (isDevelopment() && props.debug === false) {\n    script.dataset.debug = 'false';\n  }\n\n  script.onerror = (): void => {\n    const errorMessage = isDevelopment()\n      ? 'Please check if any ad blockers are enabled and try again.'\n      : 'Be sure to enable Speed Insights for your project and deploy again. See https://vercel.com/docs/speed-insights for more information.';\n\n    // eslint-disable-next-line no-console -- Logging is okay here\n    console.log(\n      `[Vercel Speed Insights] Failed to load script from ${src}. ${errorMessage}`,\n    );\n  };\n\n  document.head.appendChild(script);\n\n  return {\n    setRoute: (route: string): void => {\n      script.dataset.route = route;\n    },\n  };\n}\n\nexport { inject };\nexport type { SpeedInsightsProps };\n\n// eslint-disable-next-line import/no-default-export -- Allow default export\nexport default {\n  inject,\n};\n","import { useLocation, useParams } from '@remix-run/react';\nimport { computeRoute } from '../utils';\n\nexport const useRoute = (): string | null => {\n  const params = useParams();\n  const location = useLocation();\n\n  return computeRoute(location.pathname, params as never);\n};\n"],"mappings":"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","names":["SpeedInsights"]}
+{"version":3,"sources":["../../src/remix/index.tsx","../../src/react/index.tsx","../../package.json","../../src/queue.ts","../../src/utils.ts","../../src/generic.ts","../../src/remix/utils.ts"],"sourcesContent":["import React from 'react';\nimport { SpeedInsights as SpeedInsightsScript } from '../react';\nimport type { SpeedInsightsProps } from '../types';\nimport { useRoute } from './utils';\n\nexport function SpeedInsights(\n  props: Omit<SpeedInsightsProps, 'route'>,\n): JSX.Element {\n  const route = useRoute();\n\n  return <SpeedInsightsScript {...(route && { route })} {...props} />;\n}\n","'use client';\nimport { useEffect, useRef } from 'react';\nimport type { SpeedInsightsProps } from '../types';\nimport { inject } from '../generic';\n\nexport function SpeedInsights(props: SpeedInsightsProps): JSX.Element | null {\n  const setScriptRoute = useRef<((path: string) => void) | null>(null);\n  useEffect(() => {\n    if (!setScriptRoute.current) {\n      const script = inject(props);\n      if (script) {\n        setScriptRoute.current = script.setRoute;\n      }\n    } else if (props.route) {\n      setScriptRoute.current(props.route);\n    }\n  }, [props.route]);\n\n  return null;\n}\n","{\n  \"name\": \"@vercel/speed-insights\",\n  \"version\": \"0.0.1-beta.7\",\n  \"description\": \"Speed Insights is a tool for measuring web performance and providing suggestions for improvement.\",\n  \"keywords\": [\n    \"speed-insights\",\n    \"vercel\"\n  ],\n  \"repository\": {\n    \"url\": \"github:vercel/speed-insights\",\n    \"directory\": \"packages/web\"\n  },\n  \"license\": \"MPL-2.0\",\n  \"type\": \"module\",\n  \"exports\": {\n    \"./package.json\": \"./package.json\",\n    \".\": {\n      \"browser\": \"./dist/index.js\",\n      \"import\": \"./dist/index.js\",\n      \"require\": \"./dist/index.cjs\"\n    },\n    \"./next\": {\n      \"browser\": \"./dist/next/index.js\",\n      \"import\": \"./dist/next/index.js\",\n      \"require\": \"./dist/next/index.cjs\"\n    },\n    \"./remix\": {\n      \"browser\": \"./dist/remix/index.js\",\n      \"import\": \"./dist/remix/index.js\",\n      \"require\": \"./dist/remix/index.cjs\"\n    }\n  },\n  \"main\": \"dist/index.js\",\n  \"types\": \"dist/index.d.ts\",\n  \"typesVersions\": {\n    \"*\": {\n      \"*\": [\n        \"dist/index.d.ts\"\n      ],\n      \"react\": [\n        \"dist/react/index.d.ts\"\n      ],\n      \"next\": [\n        \"dist/next/index.d.ts\"\n      ],\n      \"remix\": [\n        \"dist/remix/index.d.ts\"\n      ]\n    }\n  },\n  \"scripts\": {\n    \"build\": \"tsup\",\n    \"dev\": \"tsup --watch\",\n    \"postinstall\": \"node scripts/postinstall.js\",\n    \"lint\": \"eslint .\",\n    \"lint-fix\": \"eslint . --fix\",\n    \"test\": \"jest\",\n    \"type-check\": \"tsc --noEmit\"\n  },\n  \"devDependencies\": {\n    \"@remix-run/react\": \"^2.0.1\",\n    \"@swc/core\": \"^1.3.82\",\n    \"@swc/jest\": \"^0.2.29\",\n    \"@testing-library/jest-dom\": \"^6.1.2\",\n    \"@testing-library/react\": \"^14.0.0\",\n    \"@types/jest\": \"^29.5.4\",\n    \"@types/node\": \"^20.5.9\",\n    \"@types/react\": \"^18.2.21\",\n    \"jest\": \"^29.6.4\",\n    \"jest-environment-jsdom\": \"^29.6.4\",\n    \"next\": \"^13.4.19\",\n    \"react\": \"^18.2.0\",\n    \"react-dom\": \"^18.2.0\",\n    \"tsup\": \"7.2.0\"\n  }\n}\n","export const initQueue = (): void => {\n  // initialize va until script is loaded\n  if (window.si) return;\n\n  window.si = function a(...params): void {\n    (window.siq = window.siq || []).push(params);\n  };\n};\n","export function isBrowser(): boolean {\n  return typeof window !== 'undefined';\n}\n\nfunction detectEnvironment(): 'development' | 'production' {\n  try {\n    const env = process.env.NODE_ENV;\n    if (env === 'development' || env === 'test') {\n      return 'development';\n    }\n  } catch (e) {\n    // do nothing, this is okay\n  }\n  return 'production';\n}\n\nexport function isProduction(): boolean {\n  return detectEnvironment() === 'production';\n}\n\nexport function isDevelopment(): boolean {\n  return detectEnvironment() === 'development';\n}\n\nexport function computeRoute(\n  pathname: string | null,\n  pathParams: Record<string, string | string[]> | null,\n): string | null {\n  if (!pathname || !pathParams) {\n    return pathname;\n  }\n\n  let result = pathname;\n\n  for (const [key, valueOrArray] of Object.entries(pathParams)) {\n    const isValueArray = Array.isArray(valueOrArray);\n    const value = isValueArray ? valueOrArray.join('/') : valueOrArray;\n    const expr = isValueArray ? `...${key}` : key;\n\n    const matcher = new RegExp(`/${value}(?=[/?#]|$)`);\n    if (matcher.test(result)) {\n      result = result.replace(matcher, `/[${expr}]`);\n    }\n  }\n\n  return result;\n}\n","import { name as packageName, version } from '../package.json';\nimport { initQueue } from './queue';\nimport type { SpeedInsightsProps } from './types';\nimport { isBrowser, isDevelopment } from './utils';\n\nconst DEV_SCRIPT_URL = `https://va.vercel-scripts.com/v1/speed-insights/script.debug.js`;\nconst SCRIPT_URL = `/_vercel/speed-insights/script.js`;\n\n/**\n * Injects the Vercel Speed Insights script into the page head and starts tracking page views. Read more in our [documentation](https://vercel.com/docs/speed-insights).\n * @param [props] - Speed Insights options.\n * @param [props.debug] - Whether to enable debug logging in development. Defaults to `true`.\n * @param [props.beforeSend] - A middleware function to modify events before they are sent. Should return the event object or `null` to cancel the event.\n */\nfunction inject(props: SpeedInsightsProps): {\n  setRoute: (route: string) => void;\n} | null {\n  // When route is null, it means that pages router is not ready yet. Will resolve soon\n  if (!isBrowser() || props.route === null) return null;\n\n  initQueue();\n\n  if (props.beforeSend) {\n    window.si?.('beforeSend', props.beforeSend);\n  }\n  const src =\n    props.scriptSrc || (isDevelopment() ? DEV_SCRIPT_URL : SCRIPT_URL);\n\n  if (document.head.querySelector(`script[src*=\"${src}\"]`)) return null;\n\n  const script = document.createElement('script');\n  script.src = src;\n  script.defer = true;\n  script.dataset.sdkn = packageName;\n  script.dataset.sdkv = version;\n\n  if (props.sampleRate) {\n    script.dataset.sampleRate = props.sampleRate.toString();\n  }\n  if (props.route) {\n    script.dataset.route = props.route;\n  }\n  if (props.endpoint) {\n    script.dataset.endpoint = props.endpoint;\n  }\n  if (props.token) {\n    script.dataset.token = props.token;\n  }\n  if (isDevelopment() && props.debug === false) {\n    script.dataset.debug = 'false';\n  }\n\n  script.onerror = (): void => {\n    const errorMessage = isDevelopment()\n      ? 'Please check if any ad blockers are enabled and try again.'\n      : 'Be sure to enable Speed Insights for your project and deploy again. See https://vercel.com/docs/speed-insights for more information.';\n\n    // eslint-disable-next-line no-console -- Logging is okay here\n    console.log(\n      `[Vercel Speed Insights] Failed to load script from ${src}. ${errorMessage}`,\n    );\n  };\n\n  document.head.appendChild(script);\n\n  return {\n    setRoute: (route: string): void => {\n      script.dataset.route = route;\n    },\n  };\n}\n\nexport { inject };\nexport type { SpeedInsightsProps };\n\n// eslint-disable-next-line import/no-default-export -- Allow default export\nexport default {\n  inject,\n};\n","import { useLocation, useParams } from '@remix-run/react';\nimport { computeRoute } from '../utils';\n\nexport const useRoute = (): string | null => {\n  const params = useParams();\n  const location = useLocation();\n\n  return computeRoute(location.pathname, params as never);\n};\n"],"mappings":"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","names":["SpeedInsights"]}

package/jest.setup.ts

@@ -1,8 +1,5 @@
 import '@testing-library/jest-dom';
 
-// Adds helpers like `.toHaveAttribute`
-import '@testing-library/jest-dom/extend-expect';
-
 beforeEach(() => {
   // reset dom before each test
   document.getElementsByTagName('html')[0].innerHTML = '';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vercel/speed-insights",
-  "version": "0.0.1-beta.5",
+  "version": "0.0.1-beta.7",
   "description": "Speed Insights is a tool for measuring web performance and providing suggestions for improvement.",
   "keywords": [
     "speed-insights",

package/tsup.config.js

@@ -10,13 +10,13 @@ const cfg = {
 };
 
 export default defineConfig([
-  // {
-  //   ...cfg,
-  //   entry: {
-  //     index: 'src/generic.ts',
-  //   },
-  //   outDir: 'dist',
-  // },
+  {
+    ...cfg,
+    entry: {
+      index: 'src/generic.ts',
+    },
+    outDir: 'dist',
+  },
   {
     ...cfg,
     entry: {