chore: add minimal demo for pkg.pr.new stackblitz template

bigmistqke · bigmistqke · commit f1784662b3ff · 2026-04-29T13:00:27.000+02:00
diff --git a/.github/workflows/pkg-pr-new.yml b/.github/workflows/pkg-pr-new.yml
@@ -36,4 +36,4 @@ jobs:
         run: pnpm build
 
       - name: Publish preview
-        run: pnpx pkg-pr-new publish --compact
+        run: pnpx pkg-pr-new publish --compact --template ./demo
diff --git a/demo/App.tsx b/demo/App.tsx
@@ -0,0 +1,23 @@
+import { createSignal } from "solid-js"
+import * as THREE from "three"
+import { Canvas, createT } from "solid-three"
+
+const T = createT(THREE)
+
+export function App() {
+  const [hovered, setHovered] = createSignal(false)
+
+  return (
+    <Canvas camera={{ position: [0, 0, 5] }} style={{ width: "100%", height: "100%" }}>
+      <T.AmbientLight intensity={0.5} />
+      <T.DirectionalLight position={[5, 5, 5]} intensity={1} />
+      <T.Mesh
+        onPointerEnter={() => setHovered(true)}
+        onPointerLeave={() => setHovered(false)}
+      >
+        <T.BoxGeometry args={[2, 2, 2]} />
+        <T.MeshStandardMaterial color={hovered() ? "green" : "red"} />
+      </T.Mesh>
+    </Canvas>
+  )
+}
diff --git a/demo/index.html b/demo/index.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>solid-three</title>
+    <style>
+      * { margin: 0; padding: 0; box-sizing: border-box; }
+      html, body, #root { width: 100%; height: 100%; }
+    </style>
+  </head>
+  <body>
+    <div id="root"></div>
+    <script src="./main.tsx" type="module"></script>
+  </body>
+</html>
diff --git a/demo/main.tsx b/demo/main.tsx
@@ -0,0 +1,4 @@
+import { render } from "solid-js/web"
+import { App } from "./App.tsx"
+
+render(() => <App />, document.getElementById("root")!)
diff --git a/demo/package.json b/demo/package.json
@@ -0,0 +1,21 @@
+{
+  "name": "solid-three-demo",
+  "private": true,
+  "version": "0.0.0",
+  "type": "module",
+  "scripts": {
+    "dev": "vite",
+    "build": "vite build"
+  },
+  "dependencies": {
+    "solid-js": "^1.8.0",
+    "solid-three": "latest",
+    "three": "^0.164.0"
+  },
+  "devDependencies": {
+    "@types/three": "^0.164.0",
+    "typescript": "^5.4.0",
+    "vite": "^5.0.0",
+    "vite-plugin-solid": "^2.10.0"
+  }
+}
diff --git a/demo/tsconfig.json b/demo/tsconfig.json
@@ -0,0 +1,18 @@
+{
+  "compilerOptions": {
+    "allowImportingTsExtensions": true,
+    "allowSyntheticDefaultImports": true,
+    "esModuleInterop": true,
+    "isolatedModules": true,
+    "jsx": "preserve",
+    "jsxImportSource": "solid-js",
+    "lib": ["DOM", "DOM.Iterable", "ESNext"],
+    "module": "ESNext",
+    "moduleResolution": "bundler",
+    "noEmit": true,
+    "skipLibCheck": true,
+    "strict": true,
+    "target": "ESNext",
+    "types": ["vite/client"]
+  }
+}
diff --git a/demo/vite.config.ts b/demo/vite.config.ts
@@ -0,0 +1,7 @@
+import { defineConfig } from "vite"
+import solid from "vite-plugin-solid"
+
+export default defineConfig({
+  base: "./",
+  plugins: [solid()],
+})
