Move interaction examples => demos pnpm workspace

Author: mjackson

packages/interaction/examples/.gitignore renamed to packages/interaction/demos/.gitignore

@@ -1,4 +1,4 @@
-import { on } from '../../src/lib/events.ts'
+import { on } from '@remix-run/interaction'
 
 document.addEventListener('DOMContentLoaded', async () => {
   let stateSelect = document.querySelector('select[name="state"]') as HTMLSelectElement

packages/interaction/examples/async/entry.ts renamed to packages/interaction/demos/async/entry.ts

@@ -1,10 +1,10 @@
-import { on } from '../../src/lib/events.ts'
+import { on } from '@remix-run/interaction'
 
 let button = document.getElementById('button')!
 let log = document.getElementById('log')!
 
 on(button, {
-  click: () => {
+  click() {
     log.textContent += 'clicked\n'
   },
 })

packages/interaction/examples/async/index.html renamed to packages/interaction/demos/async/index.html

@@ -1,5 +1,5 @@
-import { on } from '../../src/lib/events'
-import { formReset } from '../../src/lib/interactions/form'
+import { on } from '@remix-run/interaction'
+import { formReset } from '@remix-run/interaction/form'
 
 let myForm = document.querySelector('form') as HTMLFormElement
 let hiddenInput = document.querySelector('input[type="hidden"]') as HTMLInputElement

packages/interaction/examples/basic/entry.ts renamed to packages/interaction/demos/basic/entry.ts

@@ -1,5 +1,5 @@
-import { on } from '../../src/lib/events.ts'
-import * as Keys from '../../src/lib/interactions/keys.ts'
+import { on } from '@remix-run/interaction'
+import * as Keys from '@remix-run/interaction/keys'
 
 let button = document.getElementById('subject')!
 let log = document.getElementById('log')!

packages/interaction/examples/basic/index.html renamed to packages/interaction/demos/basic/index.html

@@ -0,0 +1,17 @@
+{
+  "name": "interaction-demos",
+  "private": true,
+  "type": "module",
+  "dependencies": {
+    "@remix-run/interaction": "workspace:*"
+  },
+  "devDependencies": {
+    "concurrently": "^9.2.1",
+    "esbuild": "^0.25.11",
+    "serve": "^14.2.5"
+  },
+  "scripts": {
+    "start": "concurrently \"pnpm watch\" \"npx serve .\"",
+    "watch": "esbuild ./*/entry.ts --bundle --outdir=. --out-extension:.js=.bundled.js --format=esm --platform=browser --target=es2020 --sourcemap=inline --watch"
+  }
+}