feat(solidstart): Add solidstart SDK basic package (#12730)

Author: andreiborza

dev-packages/e2e-tests/verdaccio-config/config.yaml

@@ -140,6 +140,12 @@ packages:
     unpublish: $all
     # proxy: npmjs # Don't proxy for E2E tests!
 
+  '@sentry/solidstart':
+    access: $all
+    publish: $all
+    unpublish: $all
+    # proxy: npmjs # Don't proxy for E2E tests!
+
   '@sentry/svelte':
     access: $all
     publish: $all

package.json

@@ -72,6 +72,7 @@
     "packages/replay-canvas",
     "packages/replay-worker",
     "packages/solid",
+    "packages/solidstart",
     "packages/svelte",
     "packages/sveltekit",
     "packages/types",

packages/solid/README.md

@@ -52,7 +52,7 @@ render(
 );
 ```
 
-# ErrorBoundary
+# Solid ErrorBoundary
 
 To automatically capture exceptions from inside a component tree and render a fallback component, wrap the native Solid
 JS `ErrorBoundary` component with `Sentry.withSentryErrorBoundary`.

packages/solid/package.json

@@ -78,7 +78,7 @@
     "build:transpile:watch": "rollup -c rollup.npm.config.mjs --watch",
     "build:types:watch": "tsc -p tsconfig.types.json --watch",
     "build:tarball": "npm pack",
-    "circularDepCheck": "madge --circular src/index.ts",
+    "circularDepCheck": "madge --circular src/index.ts && madge --circular src/solidrouter.ts",
     "clean": "rimraf build coverage sentry-solid-*.tgz ./*.d.ts ./*.d.ts.map",
     "fix": "eslint . --format stylish --fix",
     "lint": "eslint . --format stylish",

packages/solid/test/errorboundary.test.tsx

@@ -44,6 +44,7 @@ describe('withSentryErrorBoundary', () => {
   it('calls `captureException` when an error occurs`', () => {
     render(() => (
       <SentryErrorBoundary fallback={<div>Ooops, an error occurred.</div>}>
+        {/* @ts-expect-error: component doesn't exist on purpose */}
         <NonExistentComponent />
       </SentryErrorBoundary>
     ));
@@ -55,6 +56,7 @@ describe('withSentryErrorBoundary', () => {
   it('renders the fallback component', async () => {
     const { findByText } = render(() => (
       <SentryErrorBoundary fallback={<div>Ooops, an error occurred.</div>}>
+        {/* @ts-expect-error: component doesn't exist on purpose */}
         <NonExistentComponent />
       </SentryErrorBoundary>
     ));
@@ -65,11 +67,12 @@ describe('withSentryErrorBoundary', () => {
   it('passes the `error` and `reset` function to the fallback component', () => {
     const mockFallback = vi.fn();
 
-    render(() => {
+    render(() => (
       <SentryErrorBoundary fallback={mockFallback}>
+        {/* @ts-expect-error: component doesn't exist on purpose */}
         <NonExistentComponent />
-      </SentryErrorBoundary>;
-    });
+      </SentryErrorBoundary>
+    ));
 
     expect(mockFallback).toHaveBeenCalledTimes(1);
     expect(mockFallback).toHaveBeenCalledWith(
@@ -81,6 +84,7 @@ describe('withSentryErrorBoundary', () => {
   it('calls `captureException` again after resetting', async () => {
     const { findByRole } = render(() => (
       <SentryErrorBoundary fallback={(_, reset) => <button onClick={reset}>Reset</button>}>
+        {/* @ts-expect-error: component doesn't exist on purpose */}
         <NonExistentComponent />
       </SentryErrorBoundary>
     ));

packages/solid/test/sdk.test.ts

@@ -6,7 +6,7 @@ import { init as solidInit } from '../src/sdk';
 
 const browserInit = vi.spyOn(SentryBrowser, 'init');
 
-describe('Initialize Solid SDk', () => {
+describe('Initialize Solid SDK', () => {
   beforeEach(() => {
     vi.clearAllMocks();
   });

packages/solidstart/.eslintignore

@@ -0,0 +1,4 @@
+/client
+/server
+/*.d.ts
+/*.d.ts.map

packages/solidstart/.eslintrc.js

@@ -0,0 +1,21 @@
+module.exports = {
+  env: {
+    browser: true,
+    node: true,
+  },
+  overrides: [
+    {
+      files: ['vite.config.ts'],
+      parserOptions: {
+        project: ['tsconfig.test.json'],
+      },
+    },
+    {
+      files: ['src/vite/**', 'src/server/**'],
+      rules: {
+        '@sentry-internal/sdk/no-optional-chaining': 'off',
+      },
+    },
+  ],
+  extends: ['../../.eslintrc.js'],
+};

packages/solidstart/.gitignore

@@ -0,0 +1,5 @@
+# types for the solidrouter integration that get output in root
+/client
+/server
+/*.d.ts
+/*.d.ts.map

packages/solidstart/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2023-2024 Functional Software, Inc. dba Sentry
+
+Permission is hereby granted, free of charge, to any person obtaining a copy of
+this software and associated documentation files (the "Software"), to deal in
+the Software without restriction, including without limitation the rights to
+use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies
+of the Software, and to permit persons to whom the Software is furnished to do
+so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.