[feat] Add SolidStart plugin support (#150)

Author: rohitvinnakota-codecov

.changeset/gorgeous-donuts-complain.md

@@ -0,0 +1,5 @@
+---
+"@codecov/solidstart-plugin": patch
+---
+
+Add support for SolidStart through new plugin

.eslintrc.js

@@ -30,6 +30,7 @@ const config = {
       "./packages/nuxt-plugin/tsconfig.json",
       "./packages/remix-vite-plugin/tsconfig.json",
       "./packages/rollup-plugin/tsconfig.json",
+      "./packages/solidstart-plugin/tsconfig.json",
       "./packages/sveltekit-plugin/tsconfig.json",
       "./packages/vite-plugin/tsconfig.json",
       "./packages/webpack-plugin/tsconfig.json",

.github/workflows/ci.yml

@@ -280,7 +280,7 @@ jobs:
       fail-fast: false
       matrix:
         example:
-          ["next-js", "nuxt", "remix", "rollup", "sveltekit", "vite", "webpack"]
+          ["next-js", "nuxt", "remix", "rollup", "sveltekit", "vite", "webpack", "solidstart"]
     steps:
       - name: Checkout
         uses: actions/checkout@v4
@@ -336,6 +336,8 @@ jobs:
           REMIX_API_URL: ${{ secrets.CODECOV_API_URL }}
           ROLLUP_UPLOAD_TOKEN: ${{ secrets.CODECOV_ORG_TOKEN }}
           ROLLUP_API_URL: ${{ secrets.CODECOV_API_URL }}
+          SOLIDSTART_UPLOAD_TOKEN: ${{ secrets.CODECOV_ORG_TOKEN }}
+          SOLIDSTART_API_URL: ${{ secrets.CODECOV_API_URL }}
           SVELTEKIT_UPLOAD_TOKEN: ${{ secrets.CODECOV_ORG_TOKEN }}
           SVELTEKIT_API_URL: ${{ secrets.CODECOV_API_URL }}
           VITE_UPLOAD_TOKEN: ${{ secrets.CODECOV_ORG_TOKEN }}
@@ -352,7 +354,7 @@ jobs:
       fail-fast: false
       matrix:
         example:
-          ["next-js", "nuxt", "remix", "rollup", "sveltekit", "vite", "webpack"]
+          ["next-js", "nuxt", "remix", "rollup", "sveltekit", "vite", "webpack", "solidstart"]
     steps:
       - name: Checkout
         uses: actions/checkout@v4
@@ -408,6 +410,8 @@ jobs:
           REMIX_API_URL: ${{ secrets.CODECOV_API_URL }}
           ROLLUP_UPLOAD_TOKEN: ${{ secrets.CODECOV_ORG_TOKEN_STAGING }}
           ROLLUP_API_URL: ${{ secrets.CODECOV_STAGING_API_URL }}
+          SOLIDSTART_UPLOAD_TOKEN: ${{ secrets.CODECOV_ORG_TOKEN }}
+          SOLIDSTART_API_URL: ${{ secrets.CODECOV_API_URL }}
           SVELTEKIT_UPLOAD_TOKEN: ${{ secrets.CODECOV_ORG_TOKEN }}
           SVELTEKIT_API_URL: ${{ secrets.CODECOV_API_URL }}
           VITE_UPLOAD_TOKEN: ${{ secrets.CODECOV_ORG_TOKEN_STAGING }}
@@ -432,6 +436,7 @@ jobs:
             "sveltekit-plugin",
             "vite-plugin",
             "webpack-plugin",
+            "solidstart-plugin",
           ]
     steps:
       - name: Checkout
@@ -498,6 +503,7 @@ jobs:
             "sveltekit-plugin",
             "vite-plugin",
             "webpack-plugin",
+            "solidstart-plugin",
           ]
     steps:
       - name: Checkout

examples/solidstart/.gitignore

@@ -0,0 +1,28 @@
+
+dist
+.solid
+.output
+.vercel
+.netlify
+.vinxi
+
+# Environment
+.env
+.env*.local
+
+# dependencies
+/node_modules
+
+# IDEs and editors
+/.idea
+.project
+.classpath
+*.launch
+.settings/
+
+# Temp
+gitignore
+
+# System Files
+.DS_Store
+Thumbs.db

examples/solidstart/README.md

@@ -0,0 +1,32 @@
+# SolidStart
+
+Everything you need to build a Solid project, powered by [`solid-start`](https://start.solidjs.com);
+
+## Creating a project
+
+```bash
+# create a new project in the current directory
+npm init solid@latest
+
+# create a new project in my-app
+npm init solid@latest my-app
+```
+
+## Developing
+
+Once you've created a project and installed dependencies with `npm install` (or `pnpm install` or `yarn`), start a development server:
+
+```bash
+npm run dev
+
+# or start the server and open the app in a new browser tab
+npm run dev -- --open
+```
+
+## Building
+
+Solid apps are built with _presets_, which optimise your project for deployment to different environments.
+
+By default, `npm run build` will generate a Node app that you can run with `npm start`. To use a different preset, add it to the `devDependencies` in `package.json` and specify in your `app.config.js`.
+
+## This project was created with the [Solid CLI](https://solid-cli.netlify.app)

examples/solidstart/app.config.ts

@@ -0,0 +1,18 @@
+import { defineConfig } from "@solidjs/start/config";
+import solidPlugin from "vite-plugin-solid";
+import { codecovSolidStartPlugin } from "@codecov/solidstart-plugin";
+
+export default defineConfig({
+  vite: {
+    plugins: [
+      solidPlugin(),
+      codecovSolidStartPlugin({
+        enableBundleAnalysis: true,
+        bundleName: "@codecov/example-solidstart-app",
+        uploadToken: process.env.SOLIDSTART_UPLOAD_TOKEN,
+        apiUrl: process.env.SOLIDSTART_API_URL,
+        debug: true,
+      }) as any,
+    ],
+  },
+});

examples/solidstart/package.json

@@ -0,0 +1,22 @@
+{
+  "name": "@codecov/example-solidstart-app",
+  "type": "module",
+  "scripts": {
+    "dev": "vinxi dev",
+    "build": "vinxi build",
+    "start": "vinxi start",
+    "version": "vinxi version"
+  },
+  "dependencies": {
+    "@codecov/solidstart-plugin": "workspace:^",
+    "@solidjs/meta": "^0.29.4",
+    "@solidjs/router": "^0.14.1",
+    "@solidjs/start": "^1.0.6",
+    "solid-js": "^1.8.18",
+    "vinxi": "^0.4.1",
+    "vite-plugin-solid": "^2.10.2"
+  },
+  "engines": {
+    "node": ">=18"
+  }
+}

examples/solidstart/public/favicon.ico

@@ -0,0 +1,40 @@
+body {
+  font-family: Gordita, Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans",
+    "Helvetica Neue", sans-serif;
+}
+
+a {
+  margin-right: 1rem;
+}
+
+main {
+  text-align: center;
+  padding: 1em;
+  margin: 0 auto;
+}
+
+h1 {
+  color: #335d92;
+  text-transform: uppercase;
+  font-size: 4rem;
+  font-weight: 100;
+  line-height: 1.1;
+  margin: 4rem auto;
+  max-width: 14rem;
+}
+
+p {
+  max-width: 14rem;
+  margin: 2rem auto;
+  line-height: 1.35;
+}
+
+@media (min-width: 480px) {
+  h1 {
+    max-width: none;
+  }
+
+  p {
+    max-width: none;
+  }
+}

examples/solidstart/src/app.css

@@ -0,0 +1,22 @@
+import { MetaProvider, Title } from "@solidjs/meta";
+import { Router } from "@solidjs/router";
+import { FileRoutes } from "@solidjs/start/router";
+import { Suspense } from "solid-js";
+import "./app.css";
+
+export default function App() {
+  return (
+    <Router
+      root={(props) => (
+        <MetaProvider>
+          <Title>SolidStart - Basic</Title>
+          <a href="/">Index</a>
+          <a href="/about">About</a>
+          <Suspense>{props.children}</Suspense>
+        </MetaProvider>
+      )}
+    >
+      <FileRoutes />
+    </Router>
+  );
+}