@sentry/tanstackstart-react 10.31.0 → 10.32.0-alpha.0

package/build/cjs/index.server.js

@@ -2,6 +2,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const index = require('./server/index.js');
 const sdk = require('./server/sdk.js');
+const wrapFetchWithSentry = require('./server/wrapFetchWithSentry.js');
 const node = require('@sentry/node');
 
 
@@ -9,6 +10,7 @@ const node = require('@sentry/node');
 exports.ErrorBoundary = index.ErrorBoundary;
 exports.withErrorBoundary = index.withErrorBoundary;
 exports.init = sdk.init;
+exports.wrapFetchWithSentry = wrapFetchWithSentry.wrapFetchWithSentry;
 Object.prototype.hasOwnProperty.call(node, '__proto__') &&
 	!Object.prototype.hasOwnProperty.call(exports, '__proto__') &&
 	Object.defineProperty(exports, '__proto__', {

package/build/cjs/index.server.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.server.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.server.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;"}

package/build/cjs/server/index.js

@@ -2,6 +2,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const node = require('@sentry/node');
 const sdk = require('./sdk.js');
+const wrapFetchWithSentry = require('./wrapFetchWithSentry.js');
 
 // import/export got a false positive, and affects most of our index barrel files
 // can be removed once following issue is fixed: https://github.com/import-js/eslint-plugin-import/issues/703
@@ -35,6 +36,7 @@ function withErrorBoundary(
 }
 
 exports.init = sdk.init;
+exports.wrapFetchWithSentry = wrapFetchWithSentry.wrapFetchWithSentry;
 exports.ErrorBoundary = ErrorBoundary;
 exports.withErrorBoundary = withErrorBoundary;
 Object.prototype.hasOwnProperty.call(node, '__proto__') &&

package/build/cjs/server/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/server/index.ts"],"sourcesContent":["// import/export got a false positive, and affects most of our index barrel files\n// can be removed once following issue is fixed: https://github.com/import-js/eslint-plugin-import/issues/703\n/* eslint-disable import/export */\nexport * from '@sentry/node';\n\nexport { init } from './sdk';\n\n/**\n * A passthrough error boundary for the server that doesn't depend on any react. Error boundaries don't catch SSR errors\n * so they should simply be a passthrough.\n */\nexport const ErrorBoundary = (props: React.PropsWithChildren<unknown>): React.ReactNode => {\n  if (!props.children) {\n    return null;\n  }\n\n  if (typeof props.children === 'function') {\n    return (props.children as () => React.ReactNode)();\n  }\n\n  return props.children;\n};\n\n/**\n * A passthrough error boundary wrapper for the server that doesn't depend on any react. Error boundaries don't catch\n * SSR errors so they should simply be a passthrough.\n */\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nexport function withErrorBoundary<P extends Record<string, any>>(\n  WrappedComponent: React.ComponentType<P>,\n): React.FC<P> {\n  return WrappedComponent as React.FC<P>;\n}\n"],"names":[],"mappings":";;;;;AAAA;AACA;AACA;;AAKA;AACA;AACA;AACA;AACO,MAAM,aAAA,GAAgB,CAAC,KAAK,KAAwD;AAC3F,EAAE,IAAI,CAAC,KAAK,CAAC,QAAQ,EAAE;AACvB,IAAI,OAAO,IAAI;AACf,EAAE;;AAEF,EAAE,IAAI,OAAO,KAAK,CAAC,QAAA,KAAa,UAAU,EAAE;AAC5C,IAAI,OAAO,CAAC,KAAK,CAAC,QAAA,IAAoC;AACtD,EAAE;;AAEF,EAAE,OAAO,KAAK,CAAC,QAAQ;AACvB;;AAEA;AACA;AACA;AACA;AACA;AACO,SAAS,iBAAiB;AACjC,EAAE,gBAAgB;AAClB,EAAe;AACf,EAAE,OAAO,gBAAA;AACT;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":["../../../src/server/index.ts"],"sourcesContent":["// import/export got a false positive, and affects most of our index barrel files\n// can be removed once following issue is fixed: https://github.com/import-js/eslint-plugin-import/issues/703\n/* eslint-disable import/export */\nexport * from '@sentry/node';\n\nexport { init } from './sdk';\nexport { wrapFetchWithSentry } from './wrapFetchWithSentry';\n\n/**\n * A passthrough error boundary for the server that doesn't depend on any react. Error boundaries don't catch SSR errors\n * so they should simply be a passthrough.\n */\nexport const ErrorBoundary = (props: React.PropsWithChildren<unknown>): React.ReactNode => {\n  if (!props.children) {\n    return null;\n  }\n\n  if (typeof props.children === 'function') {\n    return (props.children as () => React.ReactNode)();\n  }\n\n  return props.children;\n};\n\n/**\n * A passthrough error boundary wrapper for the server that doesn't depend on any react. Error boundaries don't catch\n * SSR errors so they should simply be a passthrough.\n */\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nexport function withErrorBoundary<P extends Record<string, any>>(\n  WrappedComponent: React.ComponentType<P>,\n): React.FC<P> {\n  return WrappedComponent as React.FC<P>;\n}\n"],"names":[],"mappings":";;;;;;AAAA;AACA;AACA;;AAMA;AACA;AACA;AACA;AACO,MAAM,aAAA,GAAgB,CAAC,KAAK,KAAwD;AAC3F,EAAE,IAAI,CAAC,KAAK,CAAC,QAAQ,EAAE;AACvB,IAAI,OAAO,IAAI;AACf,EAAE;;AAEF,EAAE,IAAI,OAAO,KAAK,CAAC,QAAA,KAAa,UAAU,EAAE;AAC5C,IAAI,OAAO,CAAC,KAAK,CAAC,QAAA,IAAoC;AACtD,EAAE;;AAEF,EAAE,OAAO,KAAK,CAAC,QAAQ;AACvB;;AAEA;AACA;AACA;AACA;AACA;AACO,SAAS,iBAAiB;AACjC,EAAE,gBAAgB;AAClB,EAAe;AACf,EAAE,OAAO,gBAAA;AACT;;;;;;;;;;;;;;;;;"}

package/build/cjs/server/utils.js

@@ -0,0 +1,17 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+/**
+ * Extracts the SHA-256 hash from a server function pathname.
+ * Server function pathnames are structured as `/_serverFn/<hash>`.
+ * This function matches the pattern and returns the hash if found.
+ *
+ * @param pathname - the pathname of the server function
+ * @returns the sha256 of the server function
+ */
+function extractServerFunctionSha256(pathname) {
+  const serverFnMatch = pathname.match(/\/_serverFn\/([a-f0-9]{64})/i);
+  return serverFnMatch?.[1] ?? 'unknown';
+}
+
+exports.extractServerFunctionSha256 = extractServerFunctionSha256;
+//# sourceMappingURL=utils.js.map

package/build/cjs/server/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sources":["../../../src/server/utils.ts"],"sourcesContent":["/**\n * Extracts the SHA-256 hash from a server function pathname.\n * Server function pathnames are structured as `/_serverFn/<hash>`.\n * This function matches the pattern and returns the hash if found.\n *\n * @param pathname - the pathname of the server function\n * @returns the sha256 of the server function\n */\nexport function extractServerFunctionSha256(pathname: string): string {\n  const serverFnMatch = pathname.match(/\\/_serverFn\\/([a-f0-9]{64})/i);\n  return serverFnMatch?.[1] ?? 'unknown';\n}\n"],"names":[],"mappings":";;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAAS,2BAA2B,CAAC,QAAQ,EAAkB;AACtE,EAAE,MAAM,gBAAgB,QAAQ,CAAC,KAAK,CAAC,8BAA8B,CAAC;AACtE,EAAE,OAAO,aAAa,GAAG,CAAC,CAAA,IAAK,SAAS;AACxC;;;;"}

package/build/cjs/server/wrapFetchWithSentry.js

@@ -0,0 +1,69 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const node = require('@sentry/node');
+const utils = require('./utils.js');
+
+/**
+ * This function can be used to wrap the server entry request handler to add tracing to server-side functionality.
+ * You must explicitly define a server entry point in your application for this to work. This is done by passing the request handler to the `createServerEntry` function.
+ * For more information about the server entry point, see the [TanStack Start documentation](https://tanstack.com/start/docs/server-entry).
+ *
+ * @example
+ * ```ts
+ * import { wrapFetchWithSentry } from '@sentry/tanstackstart-react';
+ *
+ * import handler, { createServerEntry } from '@tanstack/react-start/server-entry';
+ * import type { ServerEntry } from '@tanstack/react-start/server-entry';
+ *
+ * const requestHandler: ServerEntry = wrapFetchWithSentry({
+ *  fetch(request: Request) {
+ *    return handler.fetch(request);
+ *  },
+ * });
+ *
+ * export default serverEntry = createServerEntry(requestHandler);
+ * ```
+ *
+ * @param serverEntry - request handler to wrap
+ * @returns - wrapped request handler
+ */
+function wrapFetchWithSentry(serverEntry) {
+  if (serverEntry.fetch) {
+    serverEntry.fetch = new Proxy(serverEntry.fetch, {
+      apply: (target, thisArg, args) => {
+        const request = args[0];
+        const url = new URL(request.url);
+        const method = request.method || 'GET';
+
+        // instrument server functions
+        if (url.pathname.includes('_serverFn') || url.pathname.includes('createServerFn')) {
+          const functionSha256 = utils.extractServerFunctionSha256(url.pathname);
+          const op = 'function.tanstackstart';
+
+          const serverFunctionSpanAttributes = {
+            [node.SEMANTIC_ATTRIBUTE_SENTRY_ORIGIN]: 'auto.function.tanstackstart.server',
+            [node.SEMANTIC_ATTRIBUTE_SENTRY_OP]: op,
+            'tanstackstart.function.hash.sha256': functionSha256,
+          };
+
+          return node.startSpan(
+            {
+              op: op,
+              name: `${method} ${url.pathname}`,
+              attributes: serverFunctionSpanAttributes,
+            },
+            () => {
+              return target.apply(thisArg, args);
+            },
+          );
+        }
+
+        return target.apply(thisArg, args);
+      },
+    });
+  }
+  return serverEntry;
+}
+
+exports.wrapFetchWithSentry = wrapFetchWithSentry;
+//# sourceMappingURL=wrapFetchWithSentry.js.map

package/build/cjs/server/wrapFetchWithSentry.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"wrapFetchWithSentry.js","sources":["../../../src/server/wrapFetchWithSentry.ts"],"sourcesContent":["import { SEMANTIC_ATTRIBUTE_SENTRY_OP, SEMANTIC_ATTRIBUTE_SENTRY_ORIGIN, startSpan } from '@sentry/node';\nimport { extractServerFunctionSha256 } from './utils';\n\nexport type ServerEntry = {\n  fetch: (request: Request, opts?: unknown) => Promise<Response> | Response;\n};\n\n/**\n * This function can be used to wrap the server entry request handler to add tracing to server-side functionality.\n * You must explicitly define a server entry point in your application for this to work. This is done by passing the request handler to the `createServerEntry` function.\n * For more information about the server entry point, see the [TanStack Start documentation](https://tanstack.com/start/docs/server-entry).\n *\n * @example\n * ```ts\n * import { wrapFetchWithSentry } from '@sentry/tanstackstart-react';\n *\n * import handler, { createServerEntry } from '@tanstack/react-start/server-entry';\n * import type { ServerEntry } from '@tanstack/react-start/server-entry';\n *\n * const requestHandler: ServerEntry = wrapFetchWithSentry({\n *  fetch(request: Request) {\n *    return handler.fetch(request);\n *  },\n * });\n *\n * export default serverEntry = createServerEntry(requestHandler);\n * ```\n *\n * @param serverEntry - request handler to wrap\n * @returns - wrapped request handler\n */\nexport function wrapFetchWithSentry(serverEntry: ServerEntry): ServerEntry {\n  if (serverEntry.fetch) {\n    serverEntry.fetch = new Proxy<typeof serverEntry.fetch>(serverEntry.fetch, {\n      apply: (target, thisArg, args) => {\n        const request: Request = args[0];\n        const url = new URL(request.url);\n        const method = request.method || 'GET';\n\n        // instrument server functions\n        if (url.pathname.includes('_serverFn') || url.pathname.includes('createServerFn')) {\n          const functionSha256 = extractServerFunctionSha256(url.pathname);\n          const op = 'function.tanstackstart';\n\n          const serverFunctionSpanAttributes = {\n            [SEMANTIC_ATTRIBUTE_SENTRY_ORIGIN]: 'auto.function.tanstackstart.server',\n            [SEMANTIC_ATTRIBUTE_SENTRY_OP]: op,\n            'tanstackstart.function.hash.sha256': functionSha256,\n          };\n\n          return startSpan(\n            {\n              op: op,\n              name: `${method} ${url.pathname}`,\n              attributes: serverFunctionSpanAttributes,\n            },\n            () => {\n              return target.apply(thisArg, args);\n            },\n          );\n        }\n\n        return target.apply(thisArg, args);\n      },\n    });\n  }\n  return serverEntry;\n}\n"],"names":["extractServerFunctionSha256","SEMANTIC_ATTRIBUTE_SENTRY_ORIGIN","SEMANTIC_ATTRIBUTE_SENTRY_OP","startSpan"],"mappings":";;;;;AAOA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAAS,mBAAmB,CAAC,WAAW,EAA4B;AAC3E,EAAE,IAAI,WAAW,CAAC,KAAK,EAAE;AACzB,IAAI,WAAW,CAAC,KAAA,GAAQ,IAAI,KAAK,CAA2B,WAAW,CAAC,KAAK,EAAE;AAC/E,MAAM,KAAK,EAAE,CAAC,MAAM,EAAE,OAAO,EAAE,IAAI,KAAK;AACxC,QAAQ,MAAM,OAAO,GAAY,IAAI,CAAC,CAAC,CAAC;AACxC,QAAQ,MAAM,MAAM,IAAI,GAAG,CAAC,OAAO,CAAC,GAAG,CAAC;AACxC,QAAQ,MAAM,MAAA,GAAS,OAAO,CAAC,MAAA,IAAU,KAAK;;AAE9C;AACA,QAAQ,IAAI,GAAG,CAAC,QAAQ,CAAC,QAAQ,CAAC,WAAW,KAAK,GAAG,CAAC,QAAQ,CAAC,QAAQ,CAAC,gBAAgB,CAAC,EAAE;AAC3F,UAAU,MAAM,iBAAiBA,iCAA2B,CAAC,GAAG,CAAC,QAAQ,CAAC;AAC1E,UAAU,MAAM,EAAA,GAAK,wBAAwB;;AAE7C,UAAU,MAAM,+BAA+B;AAC/C,YAAY,CAACC,qCAAgC,GAAG,oCAAoC;AACpF,YAAY,CAACC,iCAA4B,GAAG,EAAE;AAC9C,YAAY,oCAAoC,EAAE,cAAc;AAChE,WAAW;;AAEX,UAAU,OAAOC,cAAS;AAC1B,YAAY;AACZ,cAAc,EAAE,EAAE,EAAE;AACpB,cAAc,IAAI,EAAE,CAAC,EAAA,MAAA,CAAA,CAAA,EAAA,GAAA,CAAA,QAAA,CAAA,CAAA;AACA,cAAA,UAAA,EAAA,4BAAA;AACA,aAAA;AACA,YAAA,MAAA;AACA,cAAA,OAAA,MAAA,CAAA,KAAA,CAAA,OAAA,EAAA,IAAA,CAAA;AACA,YAAA,CAAA;AACA,WAAA;AACA,QAAA;;AAEA,QAAA,OAAA,MAAA,CAAA,KAAA,CAAA,OAAA,EAAA,IAAA,CAAA;AACA,MAAA,CAAA;AACA,KAAA,CAAA;AACA,EAAA;AACA,EAAA,OAAA,WAAA;AACA;;;;"}

package/build/esm/index.server.js

@@ -1,4 +1,5 @@
 export { ErrorBoundary, withErrorBoundary } from './server/index.js';
 export { init } from './server/sdk.js';
+export { wrapFetchWithSentry } from './server/wrapFetchWithSentry.js';
 export * from '@sentry/node';
 //# sourceMappingURL=index.server.js.map

package/build/esm/index.server.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.server.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}
+{"version":3,"file":"index.server.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;"}

package/build/esm/package.json

@@ -1 +1 @@
-{"type":"module","version":"10.31.0","sideEffects":false}
+{"type":"module","version":"10.32.0-alpha.0","sideEffects":false}

package/build/esm/server/index.js

@@ -1,5 +1,6 @@
 export * from '@sentry/node';
 export { init } from './sdk.js';
+export { wrapFetchWithSentry } from './wrapFetchWithSentry.js';
 
 // import/export got a false positive, and affects most of our index barrel files
 // can be removed once following issue is fixed: https://github.com/import-js/eslint-plugin-import/issues/703

package/build/esm/server/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/server/index.ts"],"sourcesContent":["// import/export got a false positive, and affects most of our index barrel files\n// can be removed once following issue is fixed: https://github.com/import-js/eslint-plugin-import/issues/703\n/* eslint-disable import/export */\nexport * from '@sentry/node';\n\nexport { init } from './sdk';\n\n/**\n * A passthrough error boundary for the server that doesn't depend on any react. Error boundaries don't catch SSR errors\n * so they should simply be a passthrough.\n */\nexport const ErrorBoundary = (props: React.PropsWithChildren<unknown>): React.ReactNode => {\n  if (!props.children) {\n    return null;\n  }\n\n  if (typeof props.children === 'function') {\n    return (props.children as () => React.ReactNode)();\n  }\n\n  return props.children;\n};\n\n/**\n * A passthrough error boundary wrapper for the server that doesn't depend on any react. Error boundaries don't catch\n * SSR errors so they should simply be a passthrough.\n */\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nexport function withErrorBoundary<P extends Record<string, any>>(\n  WrappedComponent: React.ComponentType<P>,\n): React.FC<P> {\n  return WrappedComponent as React.FC<P>;\n}\n"],"names":[],"mappings":";;;AAAA;AACA;AACA;;AAKA;AACA;AACA;AACA;AACO,MAAM,aAAA,GAAgB,CAAC,KAAK,KAAwD;AAC3F,EAAE,IAAI,CAAC,KAAK,CAAC,QAAQ,EAAE;AACvB,IAAI,OAAO,IAAI;AACf,EAAE;;AAEF,EAAE,IAAI,OAAO,KAAK,CAAC,QAAA,KAAa,UAAU,EAAE;AAC5C,IAAI,OAAO,CAAC,KAAK,CAAC,QAAA,IAAoC;AACtD,EAAE;;AAEF,EAAE,OAAO,KAAK,CAAC,QAAQ;AACvB;;AAEA;AACA;AACA;AACA;AACA;AACO,SAAS,iBAAiB;AACjC,EAAE,gBAAgB;AAClB,EAAe;AACf,EAAE,OAAO,gBAAA;AACT;;;;"}
+{"version":3,"file":"index.js","sources":["../../../src/server/index.ts"],"sourcesContent":["// import/export got a false positive, and affects most of our index barrel files\n// can be removed once following issue is fixed: https://github.com/import-js/eslint-plugin-import/issues/703\n/* eslint-disable import/export */\nexport * from '@sentry/node';\n\nexport { init } from './sdk';\nexport { wrapFetchWithSentry } from './wrapFetchWithSentry';\n\n/**\n * A passthrough error boundary for the server that doesn't depend on any react. Error boundaries don't catch SSR errors\n * so they should simply be a passthrough.\n */\nexport const ErrorBoundary = (props: React.PropsWithChildren<unknown>): React.ReactNode => {\n  if (!props.children) {\n    return null;\n  }\n\n  if (typeof props.children === 'function') {\n    return (props.children as () => React.ReactNode)();\n  }\n\n  return props.children;\n};\n\n/**\n * A passthrough error boundary wrapper for the server that doesn't depend on any react. Error boundaries don't catch\n * SSR errors so they should simply be a passthrough.\n */\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nexport function withErrorBoundary<P extends Record<string, any>>(\n  WrappedComponent: React.ComponentType<P>,\n): React.FC<P> {\n  return WrappedComponent as React.FC<P>;\n}\n"],"names":[],"mappings":";;;;AAAA;AACA;AACA;;AAMA;AACA;AACA;AACA;AACO,MAAM,aAAA,GAAgB,CAAC,KAAK,KAAwD;AAC3F,EAAE,IAAI,CAAC,KAAK,CAAC,QAAQ,EAAE;AACvB,IAAI,OAAO,IAAI;AACf,EAAE;;AAEF,EAAE,IAAI,OAAO,KAAK,CAAC,QAAA,KAAa,UAAU,EAAE;AAC5C,IAAI,OAAO,CAAC,KAAK,CAAC,QAAA,IAAoC;AACtD,EAAE;;AAEF,EAAE,OAAO,KAAK,CAAC,QAAQ;AACvB;;AAEA;AACA;AACA;AACA;AACA;AACO,SAAS,iBAAiB;AACjC,EAAE,gBAAgB;AAClB,EAAe;AACf,EAAE,OAAO,gBAAA;AACT;;;;"}

package/build/esm/server/utils.js

@@ -0,0 +1,15 @@
+/**
+ * Extracts the SHA-256 hash from a server function pathname.
+ * Server function pathnames are structured as `/_serverFn/<hash>`.
+ * This function matches the pattern and returns the hash if found.
+ *
+ * @param pathname - the pathname of the server function
+ * @returns the sha256 of the server function
+ */
+function extractServerFunctionSha256(pathname) {
+  const serverFnMatch = pathname.match(/\/_serverFn\/([a-f0-9]{64})/i);
+  return serverFnMatch?.[1] ?? 'unknown';
+}
+
+export { extractServerFunctionSha256 };
+//# sourceMappingURL=utils.js.map

package/build/esm/server/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sources":["../../../src/server/utils.ts"],"sourcesContent":["/**\n * Extracts the SHA-256 hash from a server function pathname.\n * Server function pathnames are structured as `/_serverFn/<hash>`.\n * This function matches the pattern and returns the hash if found.\n *\n * @param pathname - the pathname of the server function\n * @returns the sha256 of the server function\n */\nexport function extractServerFunctionSha256(pathname: string): string {\n  const serverFnMatch = pathname.match(/\\/_serverFn\\/([a-f0-9]{64})/i);\n  return serverFnMatch?.[1] ?? 'unknown';\n}\n"],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAAS,2BAA2B,CAAC,QAAQ,EAAkB;AACtE,EAAE,MAAM,gBAAgB,QAAQ,CAAC,KAAK,CAAC,8BAA8B,CAAC;AACtE,EAAE,OAAO,aAAa,GAAG,CAAC,CAAA,IAAK,SAAS;AACxC;;;;"}

package/build/esm/server/wrapFetchWithSentry.js

@@ -0,0 +1,67 @@
+import { startSpan, SEMANTIC_ATTRIBUTE_SENTRY_OP, SEMANTIC_ATTRIBUTE_SENTRY_ORIGIN } from '@sentry/node';
+import { extractServerFunctionSha256 } from './utils.js';
+
+/**
+ * This function can be used to wrap the server entry request handler to add tracing to server-side functionality.
+ * You must explicitly define a server entry point in your application for this to work. This is done by passing the request handler to the `createServerEntry` function.
+ * For more information about the server entry point, see the [TanStack Start documentation](https://tanstack.com/start/docs/server-entry).
+ *
+ * @example
+ * ```ts
+ * import { wrapFetchWithSentry } from '@sentry/tanstackstart-react';
+ *
+ * import handler, { createServerEntry } from '@tanstack/react-start/server-entry';
+ * import type { ServerEntry } from '@tanstack/react-start/server-entry';
+ *
+ * const requestHandler: ServerEntry = wrapFetchWithSentry({
+ *  fetch(request: Request) {
+ *    return handler.fetch(request);
+ *  },
+ * });
+ *
+ * export default serverEntry = createServerEntry(requestHandler);
+ * ```
+ *
+ * @param serverEntry - request handler to wrap
+ * @returns - wrapped request handler
+ */
+function wrapFetchWithSentry(serverEntry) {
+  if (serverEntry.fetch) {
+    serverEntry.fetch = new Proxy(serverEntry.fetch, {
+      apply: (target, thisArg, args) => {
+        const request = args[0];
+        const url = new URL(request.url);
+        const method = request.method || 'GET';
+
+        // instrument server functions
+        if (url.pathname.includes('_serverFn') || url.pathname.includes('createServerFn')) {
+          const functionSha256 = extractServerFunctionSha256(url.pathname);
+          const op = 'function.tanstackstart';
+
+          const serverFunctionSpanAttributes = {
+            [SEMANTIC_ATTRIBUTE_SENTRY_ORIGIN]: 'auto.function.tanstackstart.server',
+            [SEMANTIC_ATTRIBUTE_SENTRY_OP]: op,
+            'tanstackstart.function.hash.sha256': functionSha256,
+          };
+
+          return startSpan(
+            {
+              op: op,
+              name: `${method} ${url.pathname}`,
+              attributes: serverFunctionSpanAttributes,
+            },
+            () => {
+              return target.apply(thisArg, args);
+            },
+          );
+        }
+
+        return target.apply(thisArg, args);
+      },
+    });
+  }
+  return serverEntry;
+}
+
+export { wrapFetchWithSentry };
+//# sourceMappingURL=wrapFetchWithSentry.js.map

package/build/esm/server/wrapFetchWithSentry.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"wrapFetchWithSentry.js","sources":["../../../src/server/wrapFetchWithSentry.ts"],"sourcesContent":["import { SEMANTIC_ATTRIBUTE_SENTRY_OP, SEMANTIC_ATTRIBUTE_SENTRY_ORIGIN, startSpan } from '@sentry/node';\nimport { extractServerFunctionSha256 } from './utils';\n\nexport type ServerEntry = {\n  fetch: (request: Request, opts?: unknown) => Promise<Response> | Response;\n};\n\n/**\n * This function can be used to wrap the server entry request handler to add tracing to server-side functionality.\n * You must explicitly define a server entry point in your application for this to work. This is done by passing the request handler to the `createServerEntry` function.\n * For more information about the server entry point, see the [TanStack Start documentation](https://tanstack.com/start/docs/server-entry).\n *\n * @example\n * ```ts\n * import { wrapFetchWithSentry } from '@sentry/tanstackstart-react';\n *\n * import handler, { createServerEntry } from '@tanstack/react-start/server-entry';\n * import type { ServerEntry } from '@tanstack/react-start/server-entry';\n *\n * const requestHandler: ServerEntry = wrapFetchWithSentry({\n *  fetch(request: Request) {\n *    return handler.fetch(request);\n *  },\n * });\n *\n * export default serverEntry = createServerEntry(requestHandler);\n * ```\n *\n * @param serverEntry - request handler to wrap\n * @returns - wrapped request handler\n */\nexport function wrapFetchWithSentry(serverEntry: ServerEntry): ServerEntry {\n  if (serverEntry.fetch) {\n    serverEntry.fetch = new Proxy<typeof serverEntry.fetch>(serverEntry.fetch, {\n      apply: (target, thisArg, args) => {\n        const request: Request = args[0];\n        const url = new URL(request.url);\n        const method = request.method || 'GET';\n\n        // instrument server functions\n        if (url.pathname.includes('_serverFn') || url.pathname.includes('createServerFn')) {\n          const functionSha256 = extractServerFunctionSha256(url.pathname);\n          const op = 'function.tanstackstart';\n\n          const serverFunctionSpanAttributes = {\n            [SEMANTIC_ATTRIBUTE_SENTRY_ORIGIN]: 'auto.function.tanstackstart.server',\n            [SEMANTIC_ATTRIBUTE_SENTRY_OP]: op,\n            'tanstackstart.function.hash.sha256': functionSha256,\n          };\n\n          return startSpan(\n            {\n              op: op,\n              name: `${method} ${url.pathname}`,\n              attributes: serverFunctionSpanAttributes,\n            },\n            () => {\n              return target.apply(thisArg, args);\n            },\n          );\n        }\n\n        return target.apply(thisArg, args);\n      },\n    });\n  }\n  return serverEntry;\n}\n"],"names":[],"mappings":";;;AAOA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAAS,mBAAmB,CAAC,WAAW,EAA4B;AAC3E,EAAE,IAAI,WAAW,CAAC,KAAK,EAAE;AACzB,IAAI,WAAW,CAAC,KAAA,GAAQ,IAAI,KAAK,CAA2B,WAAW,CAAC,KAAK,EAAE;AAC/E,MAAM,KAAK,EAAE,CAAC,MAAM,EAAE,OAAO,EAAE,IAAI,KAAK;AACxC,QAAQ,MAAM,OAAO,GAAY,IAAI,CAAC,CAAC,CAAC;AACxC,QAAQ,MAAM,MAAM,IAAI,GAAG,CAAC,OAAO,CAAC,GAAG,CAAC;AACxC,QAAQ,MAAM,MAAA,GAAS,OAAO,CAAC,MAAA,IAAU,KAAK;;AAE9C;AACA,QAAQ,IAAI,GAAG,CAAC,QAAQ,CAAC,QAAQ,CAAC,WAAW,KAAK,GAAG,CAAC,QAAQ,CAAC,QAAQ,CAAC,gBAAgB,CAAC,EAAE;AAC3F,UAAU,MAAM,iBAAiB,2BAA2B,CAAC,GAAG,CAAC,QAAQ,CAAC;AAC1E,UAAU,MAAM,EAAA,GAAK,wBAAwB;;AAE7C,UAAU,MAAM,+BAA+B;AAC/C,YAAY,CAAC,gCAAgC,GAAG,oCAAoC;AACpF,YAAY,CAAC,4BAA4B,GAAG,EAAE;AAC9C,YAAY,oCAAoC,EAAE,cAAc;AAChE,WAAW;;AAEX,UAAU,OAAO,SAAS;AAC1B,YAAY;AACZ,cAAc,EAAE,EAAE,EAAE;AACpB,cAAc,IAAI,EAAE,CAAC,EAAA,MAAA,CAAA,CAAA,EAAA,GAAA,CAAA,QAAA,CAAA,CAAA;AACA,cAAA,UAAA,EAAA,4BAAA;AACA,aAAA;AACA,YAAA,MAAA;AACA,cAAA,OAAA,MAAA,CAAA,KAAA,CAAA,OAAA,EAAA,IAAA,CAAA;AACA,YAAA,CAAA;AACA,WAAA;AACA,QAAA;;AAEA,QAAA,OAAA,MAAA,CAAA,KAAA,CAAA,OAAA,EAAA,IAAA,CAAA;AACA,MAAA,CAAA;AACA,KAAA,CAAA;AACA,EAAA;AACA,EAAA,OAAA,WAAA;AACA;;;;"}

package/build/types/server/index.d.ts

@@ -1,5 +1,6 @@
 export * from '@sentry/node';
 export { init } from './sdk';
+export { wrapFetchWithSentry } from './wrapFetchWithSentry';
 /**
  * A passthrough error boundary for the server that doesn't depend on any react. Error boundaries don't catch SSR errors
  * so they should simply be a passthrough.

package/build/types/server/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/server/index.ts"],"names":[],"mappings":"AAGA,cAAc,cAAc,CAAC;AAE7B,OAAO,EAAE,IAAI,EAAE,MAAM,OAAO,CAAC;AAE7B;;;GAGG;AACH,eAAO,MAAM,aAAa,GAAI,OAAO,KAAK,CAAC,iBAAiB,CAAC,OAAO,CAAC,KAAG,KAAK,CAAC,SAU7E,CAAC;AAEF;;;GAGG;AAEH,wBAAgB,iBAAiB,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EAC7D,gBAAgB,EAAE,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC,GACvC,KAAK,CAAC,EAAE,CAAC,CAAC,CAAC,CAEb"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/server/index.ts"],"names":[],"mappings":"AAGA,cAAc,cAAc,CAAC;AAE7B,OAAO,EAAE,IAAI,EAAE,MAAM,OAAO,CAAC;AAC7B,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAE5D;;;GAGG;AACH,eAAO,MAAM,aAAa,GAAI,OAAO,KAAK,CAAC,iBAAiB,CAAC,OAAO,CAAC,KAAG,KAAK,CAAC,SAU7E,CAAC;AAEF;;;GAGG;AAEH,wBAAgB,iBAAiB,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EAC7D,gBAAgB,EAAE,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC,GACvC,KAAK,CAAC,EAAE,CAAC,CAAC,CAAC,CAEb"}

package/build/types/server/utils.d.ts

@@ -0,0 +1,10 @@
+/**
+ * Extracts the SHA-256 hash from a server function pathname.
+ * Server function pathnames are structured as `/_serverFn/<hash>`.
+ * This function matches the pattern and returns the hash if found.
+ *
+ * @param pathname - the pathname of the server function
+ * @returns the sha256 of the server function
+ */
+export declare function extractServerFunctionSha256(pathname: string): string;
+//# sourceMappingURL=utils.d.ts.map

package/build/types/server/utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/server/utils.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AACH,wBAAgB,2BAA2B,CAAC,QAAQ,EAAE,MAAM,GAAG,MAAM,CAGpE"}

package/build/types/server/wrapFetchWithSentry.d.ts

@@ -0,0 +1,29 @@
+export type ServerEntry = {
+    fetch: (request: Request, opts?: unknown) => Promise<Response> | Response;
+};
+/**
+ * This function can be used to wrap the server entry request handler to add tracing to server-side functionality.
+ * You must explicitly define a server entry point in your application for this to work. This is done by passing the request handler to the `createServerEntry` function.
+ * For more information about the server entry point, see the [TanStack Start documentation](https://tanstack.com/start/docs/server-entry).
+ *
+ * @example
+ * ```ts
+ * import { wrapFetchWithSentry } from '@sentry/tanstackstart-react';
+ *
+ * import handler, { createServerEntry } from '@tanstack/react-start/server-entry';
+ * import type { ServerEntry } from '@tanstack/react-start/server-entry';
+ *
+ * const requestHandler: ServerEntry = wrapFetchWithSentry({
+ *  fetch(request: Request) {
+ *    return handler.fetch(request);
+ *  },
+ * });
+ *
+ * export default serverEntry = createServerEntry(requestHandler);
+ * ```
+ *
+ * @param serverEntry - request handler to wrap
+ * @returns - wrapped request handler
+ */
+export declare function wrapFetchWithSentry(serverEntry: ServerEntry): ServerEntry;
+//# sourceMappingURL=wrapFetchWithSentry.d.ts.map

package/build/types/server/wrapFetchWithSentry.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"wrapFetchWithSentry.d.ts","sourceRoot":"","sources":["../../../src/server/wrapFetchWithSentry.ts"],"names":[],"mappings":"AAGA,MAAM,MAAM,WAAW,GAAG;IACxB,KAAK,EAAE,CAAC,OAAO,EAAE,OAAO,EAAE,IAAI,CAAC,EAAE,OAAO,KAAK,OAAO,CAAC,QAAQ,CAAC,GAAG,QAAQ,CAAC;CAC3E,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,wBAAgB,mBAAmB,CAAC,WAAW,EAAE,WAAW,GAAG,WAAW,CAoCzE"}

package/build/types-ts3.8/server/index.d.ts

@@ -1,5 +1,6 @@
 export * from '@sentry/node';
 export { init } from './sdk';
+export { wrapFetchWithSentry } from './wrapFetchWithSentry';
 /**
  * A passthrough error boundary for the server that doesn't depend on any react. Error boundaries don't catch SSR errors
  * so they should simply be a passthrough.

package/build/types-ts3.8/server/utils.d.ts

@@ -0,0 +1,10 @@
+/**
+ * Extracts the SHA-256 hash from a server function pathname.
+ * Server function pathnames are structured as `/_serverFn/<hash>`.
+ * This function matches the pattern and returns the hash if found.
+ *
+ * @param pathname - the pathname of the server function
+ * @returns the sha256 of the server function
+ */
+export declare function extractServerFunctionSha256(pathname: string): string;
+//# sourceMappingURL=utils.d.ts.map

package/build/types-ts3.8/server/wrapFetchWithSentry.d.ts

@@ -0,0 +1,29 @@
+export type ServerEntry = {
+    fetch: (request: Request, opts?: unknown) => Promise<Response> | Response;
+};
+/**
+ * This function can be used to wrap the server entry request handler to add tracing to server-side functionality.
+ * You must explicitly define a server entry point in your application for this to work. This is done by passing the request handler to the `createServerEntry` function.
+ * For more information about the server entry point, see the [TanStack Start documentation](https://tanstack.com/start/docs/server-entry).
+ *
+ * @example
+ * ```ts
+ * import { wrapFetchWithSentry } from '@sentry/tanstackstart-react';
+ *
+ * import handler, { createServerEntry } from '@tanstack/react-start/server-entry';
+ * import type { ServerEntry } from '@tanstack/react-start/server-entry';
+ *
+ * const requestHandler: ServerEntry = wrapFetchWithSentry({
+ *  fetch(request: Request) {
+ *    return handler.fetch(request);
+ *  },
+ * });
+ *
+ * export default serverEntry = createServerEntry(requestHandler);
+ * ```
+ *
+ * @param serverEntry - request handler to wrap
+ * @returns - wrapped request handler
+ */
+export declare function wrapFetchWithSentry(serverEntry: ServerEntry): ServerEntry;
+//# sourceMappingURL=wrapFetchWithSentry.d.ts.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sentry/tanstackstart-react",
-  "version": "10.31.0",
+  "version": "10.32.0-alpha.0",
   "description": "Official Sentry SDK for TanStack Start React",
   "repository": "git://github.com/getsentry/sentry-javascript.git",
   "homepage": "https://github.com/getsentry/sentry-javascript/tree/master/packages/tanstackstart-react",
@@ -52,10 +52,10 @@
   "dependencies": {
     "@opentelemetry/api": "^1.9.0",
     "@opentelemetry/semantic-conventions": "^1.37.0",
-    "@sentry-internal/browser-utils": "10.31.0",
-    "@sentry/core": "10.31.0",
-    "@sentry/node": "10.31.0",
-    "@sentry/react": "10.31.0"
+    "@sentry-internal/browser-utils": "10.32.0-alpha.0",
+    "@sentry/core": "10.32.0-alpha.0",
+    "@sentry/node": "10.32.0-alpha.0",
+    "@sentry/react": "10.32.0-alpha.0"
   },
   "scripts": {
     "build": "run-p build:transpile build:types",