Add example SolidJS app

davidmyersdev · davidmyersdev · commit 4ebf70a60d1e · 2023-12-24T15:25:57.000-05:00
diff --git a/examples/solid/index.html b/examples/solid/index.html
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Example (Solid)</title>
+  </head>
+  <body>
+    <div id="solid-app"></div>
+    <script type="module" src="/src/main.ts"></script>
+  </body>
+</html>
diff --git a/examples/solid/package.json b/examples/solid/package.json
@@ -0,0 +1,17 @@
+{
+  "type": "module",
+  "private": true,
+  "scripts": {
+    "dev": "vite",
+    "build": "vite build",
+    "preview": "vite preview"
+  },
+  "dependencies": {
+    "solid-js": "^1.8.7"
+  },
+  "devDependencies": {
+    "vite": "^5.0.2",
+    "vite-plugin-node-polyfills": "workspace:*",
+    "vite-plugin-solid": "^2.8.0"
+  }
+}
diff --git a/examples/solid/src/main.ts b/examples/solid/src/main.ts
@@ -0,0 +1,4 @@
+// eslint-disable-next-line unicorn/prefer-node-protocol
+import { join } from 'path/posix'
+
+document.querySelector('#solid-app')!.textContent = join('foo', 'bar')
diff --git a/examples/solid/vite.config.ts b/examples/solid/vite.config.ts
@@ -0,0 +1,18 @@
+import { defineConfig } from 'vite'
+import { nodePolyfills } from 'vite-plugin-node-polyfills'
+import solid from 'vite-plugin-solid'
+
+export default defineConfig({
+  optimizeDeps: {
+    force: true,
+  },
+  plugins: [
+    nodePolyfills({
+      overrides: {
+        'path/posix': 'path-browserify',
+      },
+    }),
+    // comment/uncomment it:
+    solid(),
+  ],
+})
diff --git a/package.json b/package.json
@@ -69,9 +69,11 @@
     "test": "run-s test:build",
     "test:build": "run-p test:build:*",
     "test:build:react": "pnpm -C ./examples/react run build",
+    "test:build:solid": "pnpm -C ./examples/solid run build",
     "test:build:vanilla": "pnpm -C ./examples/vanilla run build",
     "test:build:vue": "pnpm -C ./examples/vue run build",
     "test:dev:react": "pnpm -C ./examples/react run dev",
+    "test:dev:solid": "pnpm -C ./examples/solid run dev",
     "test:dev:vanilla": "pnpm -C ./examples/vanilla run dev",
     "test:dev:vue": "pnpm -C ./examples/vue run dev",
     "typecheck": "run-p typecheck:*",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
