test: Add Solid integration tests

integrations/react/vite.config.ts

@@ -2,17 +2,18 @@ import { mergeConfig, defineConfig } from 'vitest/config'
 import react from '@vitejs/plugin-react'
 import { tanstackBuildConfig } from '@tanstack/config/build'
 
+const config = defineConfig({
+  plugins: [react()],
+  test: {
+    name: 'react-integration',
+    watch: false,
+  },
+})
+
 export default mergeConfig(
+  config,
   tanstackBuildConfig({
     entry: 'src/index.ts',
     srcDir: 'src',
-    exclude: ['src/__tests__'],
-  }),
-  defineConfig({
-    plugins: [react()],
-    test: {
-      name: 'react',
-      watch: false,
-    },
   }),
 )

integrations/solid/.gitignore

@@ -0,0 +1,24 @@
+# Logs
+logs
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+pnpm-debug.log*
+lerna-debug.log*
+
+node_modules
+dist
+dist-ssr
+*.local
+
+# Editor directories and files
+.vscode/*
+!.vscode/extensions.json
+.idea
+.DS_Store
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
+*.sw?

integrations/solid/package.json

@@ -0,0 +1,15 @@
+{
+  "name": "solid-integration",
+  "private": true,
+  "type": "module",
+  "scripts": {
+    "test:build": "vite build && vitest"
+  },
+  "dependencies": {
+    "solid-js": "^1.8.7"
+  },
+  "devDependencies": {
+    "@tanstack/config": "<1.0.0",
+    "vite-plugin-solid": "^2.8.0"
+  }
+}

integrations/solid/snap/cjs/App.cjs

@@ -0,0 +1,17 @@
+"use strict";
+const web = require("solid-js/web");
+const solidJs = require("solid-js");
+const _tmpl$ = /* @__PURE__ */ web.template(`<h1>Vite + Solid`), _tmpl$2 = /* @__PURE__ */ web.template(`<div class=card><button>count is </button><p>Edit <code>src/App.tsx</code> and save to test HMR`), _tmpl$3 = /* @__PURE__ */ web.template(`<p class=read-the-docs>Click on the Vite and Solid logos to learn more`);
+function App() {
+  const [count, setCount] = solidJs.createSignal(0);
+  return [_tmpl$(), (() => {
+    const _el$2 = _tmpl$2(), _el$3 = _el$2.firstChild;
+    _el$3.firstChild;
+    _el$3.$$click = () => setCount((count2) => count2 + 1);
+    web.insert(_el$3, count, null);
+    return _el$2;
+  })(), _tmpl$3()];
+}
+web.delegateEvents(["click"]);
+module.exports = App;
+//# sourceMappingURL=App.cjs.map

integrations/solid/snap/cjs/App.d.cts

@@ -0,0 +1,2 @@
+declare function App(): import("solid-js").JSX.Element;
+export default App;

integrations/solid/snap/cjs/index.cjs

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const App = require("./App.cjs");
+exports.App = App;
+//# sourceMappingURL=index.cjs.map

integrations/solid/snap/cjs/index.d.cts

@@ -0,0 +1 @@
+export { default as App } from './App';

integrations/solid/snap/esm/App.d.ts

@@ -0,0 +1,2 @@
+declare function App(): import("solid-js").JSX.Element;
+export default App;

integrations/solid/snap/esm/index.d.ts

@@ -0,0 +1 @@
+export { default as App } from './App';

integrations/solid/src/App.tsx

@@ -0,0 +1,24 @@
+import { createSignal } from 'solid-js'
+
+function App() {
+  const [count, setCount] = createSignal(0)
+
+  return (
+    <>
+      <h1>Vite + Solid</h1>
+      <div class="card">
+        <button onClick={() => setCount((count) => count + 1)}>
+          count is {count()}
+        </button>
+        <p>
+          Edit <code>src/App.tsx</code> and save to test HMR
+        </p>
+      </div>
+      <p class="read-the-docs">
+        Click on the Vite and Solid logos to learn more
+      </p>
+    </>
+  )
+}
+
+export default App

integrations/solid/src/index.ts

@@ -0,0 +1 @@
+export { default as App } from './App'

integrations/solid/tests/build.test.ts

@@ -0,0 +1,41 @@
+import { readFileSync, readdirSync } from 'node:fs'
+import { fileURLToPath } from 'node:url'
+import { dirname, resolve } from 'node:path'
+import { describe, expect, it } from 'vitest'
+
+const __dirname = dirname(fileURLToPath(import.meta.url))
+const rootDir = resolve(__dirname, '..')
+
+const esmExtensions = ['.js', '.js.map', '.d.ts']
+const cjsExtensions = ['.cjs', '.cjs.map', '.d.cts']
+
+const files = ['index', 'App']
+
+describe('Check Solid build output', () => {
+  it('should output the same file structure', () => {
+    const distFiles = readdirSync(`${rootDir}/dist`, { recursive: true })
+    const snapFiles = readdirSync(`${rootDir}/snap`, { recursive: true })
+
+    expect(distFiles).toEqual(snapFiles)
+  })
+
+  it('should build the same ESM output', () => {
+    files.forEach((file) => {
+      esmExtensions.forEach((ext) => {
+        expect(
+          readFileSync(`${rootDir}/dist/esm/${file}${ext}`).toString(),
+        ).toMatchFileSnapshot(`${rootDir}/snap/esm/${file}${ext}`)
+      })
+    })
+  })
+
+  it('should build the same CJS output', () => {
+    files.forEach((file) => {
+      cjsExtensions.forEach((ext) => {
+        expect(
+          readFileSync(`${rootDir}/dist/cjs/${file}${ext}`).toString(),
+        ).toMatchFileSnapshot(`${rootDir}/snap/cjs/${file}${ext}`)
+      })
+    })
+  })
+})

integrations/solid/tsconfig.json

@@ -0,0 +1,25 @@
+{
+  "compilerOptions": {
+    "target": "ES2020",
+    "useDefineForClassFields": true,
+    "module": "ESNext",
+    "lib": ["ES2020", "DOM", "DOM.Iterable"],
+    "skipLibCheck": true,
+
+    /* Bundler mode */
+    "moduleResolution": "bundler",
+    "allowImportingTsExtensions": true,
+    "resolveJsonModule": true,
+    "isolatedModules": true,
+    "noEmit": true,
+    "jsx": "preserve",
+    "jsxImportSource": "solid-js",
+
+    /* Linting */
+    "strict": true,
+    "noUnusedLocals": true,
+    "noUnusedParameters": true,
+    "noFallthroughCasesInSwitch": true
+  },
+  "include": ["src", "tests", "vite.config.ts"]
+}

integrations/solid/vite.config.ts

@@ -0,0 +1,19 @@
+import { mergeConfig, defineConfig } from 'vitest/config'
+import solid from 'vite-plugin-solid'
+import { tanstackBuildConfig } from '@tanstack/config/build'
+
+const config = defineConfig({
+  plugins: [solid()],
+  test: {
+    name: 'solid-integration',
+    watch: false,
+  },
+})
+
+export default mergeConfig(
+  config,
+  tanstackBuildConfig({
+    entry: 'src/index.ts',
+    srcDir: 'src',
+  }),
+)

integrations/vue/vite.config.ts

@@ -2,17 +2,18 @@ import { mergeConfig, defineConfig } from 'vitest/config'
 import vue from '@vitejs/plugin-vue'
 import { tanstackBuildConfig } from '@tanstack/config/build'
 
+const config = defineConfig({
+  plugins: [vue()],
+  test: {
+    name: 'vue-integration',
+    watch: false,
+  },
+})
+
 export default mergeConfig(
+  config,
   tanstackBuildConfig({
     entry: 'src/index.ts',
     srcDir: 'src',
-    exclude: ['src/__tests__'],
-  }),
-  defineConfig({
-    plugins: [vue()],
-    test: {
-      name: 'react',
-      watch: false,
-    },
   }),
 )

package.json

@@ -99,6 +99,7 @@
     "eslint-config-prettier": "^9.1.0",
     "eslint-import-resolver-typescript": "^3.6.1",
     "eslint-plugin-import": "^2.29.1",
+    "jsdom": "^23.0.1",
     "nx": "^17.2.8",
     "prettier": "^4.0.0-alpha.8",
     "publint": "^0.2.7",