Add placeholder vite config wrapper

Author: nicohrubec

packages/tanstackstart-react/package.json

@@ -57,6 +57,9 @@
     "@sentry/node": "10.32.1",
     "@sentry/react": "10.32.1"
   },
+  "devDependencies": {
+    "vite": "^5.4.11"
+  },
   "scripts": {
     "build": "run-p build:transpile build:types",
     "build:dev": "yarn build",

packages/tanstackstart-react/src/config/index.ts

@@ -1 +1,2 @@
-export {};
+export * from './types';
+export { wrapConfigWithSentry } from './wrapConfigWithSentry';

packages/tanstackstart-react/src/config/types.ts

@@ -0,0 +1,65 @@
+type SourceMapsOptions = {
+  /**
+   * If this flag is `true`, and an auth token is detected, the Sentry SDK will
+   * automatically generate and upload source maps to Sentry during a production build.
+   *
+   * @default true
+   */
+  enabled?: boolean;
+
+  /**
+   * If this flag is `true`, the Sentry plugin will collect some telemetry data and send it to Sentry.
+   * It will not collect any sensitive or user-specific data.
+   *
+   * @default true
+   */
+  telemetry?: boolean;
+
+  /**
+   * A glob or an array of globs that specifies the build artifacts that should be deleted after the artifact
+   * upload to Sentry has been completed.
+   *
+   * @default [] - By default no files are deleted.
+   *
+   * The globbing patterns follow the implementation of the glob package. (https://www.npmjs.com/package/glob)
+   */
+  filesToDeleteAfterUpload?: string | Array<string>;
+};
+
+/**
+ * Build options for the Sentry plugin. These options are used during build-time by the Sentry SDK.
+ */
+export type SentryTanstackStartReactPluginOptions = {
+  /**
+   * The auth token to use when uploading source maps to Sentry.
+   *
+   * Instead of specifying this option, you can also set the `SENTRY_AUTH_TOKEN` environment variable.
+   *
+   * To create an auth token, follow this guide:
+   * @see https://docs.sentry.io/product/accounts/auth-tokens/#organization-auth-tokens
+   */
+  authToken?: string;
+
+  /**
+   * The organization slug of your Sentry organization.
+   * Instead of specifying this option, you can also set the `SENTRY_ORG` environment variable.
+   */
+  org?: string;
+
+  /**
+   * The project slug of your Sentry project.
+   * Instead of specifying this option, you can also set the `SENTRY_PROJECT` environment variable.
+   */
+  project?: string;
+
+  /**
+   * Options for the Sentry Vite plugin to customize the source maps upload process.
+   */
+  sourceMapsUploadOptions?: SourceMapsOptions;
+
+  /**
+   * Enable debug functionality of the SDK during build-time.
+   * Enabling this will give you, for example logs about source maps.
+   */
+  debug?: boolean;
+};

packages/tanstackstart-react/src/config/wrapConfigWithSentry.ts

@@ -0,0 +1,19 @@
+import type { UserConfig } from 'vite';
+import type { SentryTanstackStartReactPluginOptions } from './types';
+
+/**
+ * Wraps a Vite configuration with Sentry build-time enhancements such as
+ * automatic source maps upload.
+ *
+ * @param config - A Vite configuration object
+ * @param sentryPluginOptions - Options to configure the Sentry Vite plugin
+ * @returns The modified Vite config
+ */
+export function wrapConfigWithSentry(
+  config: UserConfig,
+  _sentryPluginOptions: SentryTanstackStartReactPluginOptions = {},
+): UserConfig {
+  // TODO: Add Sentry Vite plugins for source map upload
+  console.log('wrapConfigWithSentry', config, _sentryPluginOptions);
+  return config;
+}

packages/tanstackstart-react/tsconfig.json

@@ -1,9 +1,5 @@
 {
   "extends": "../../tsconfig.json",
   "include": ["src/**/*"],
-  "compilerOptions": {
-    "lib": ["es2020"],
-    "module": "Node16",
-    "moduleResolution": "Node16"
-  }
+  "compilerOptions": {}
 }