feat: add screenshot, fix README image path, simplify GitHub Actions publish workflow

Author: harshav167

.github/workflows/publish.yml

@@ -1,46 +1,41 @@
-name: Publish Package
+name: Publish to npm
 
 on:
-  workflow_dispatch:
-    inputs:
-      tag:
-        description: 'npm tag (latest or next)'
-        required: true
-        type: choice
-        options:
-          - latest
-          - next
-  repository_dispatch:
-    types: [publish-package]
-
-permissions:
-  id-token: write
-  contents: read
+  push:
+    branches:
+      - main
+    paths-ignore:
+      - '**.md'
+      - '.gitignore'
 
 jobs:
   publish:
     runs-on: ubuntu-latest
+    permissions:
+      contents: read
+      id-token: write
     steps:
-      - uses: actions/checkout@v4
+      - name: Checkout
+        uses: actions/checkout@v4
 
-      - uses: jdx/mise-action@d6e32c1796099e0f1f3ac741c220a8b7eae9e5dd
+      - name: Setup Bun
+        uses: oven-sh/setup-bun@v2
         with:
-          install: true
-          cache: true
-          experimental: true
+          bun-version: latest
 
-      - name: Build
-        run: mise run build
+      - name: Install dependencies
+        run: bun install
 
-      - id: inputs
-        uses: simenandre/setup-inputs@v1
+      - name: Build
+        run: bun run build
 
-      - name: Publish to npm with OIDC
-        run: |
-          TAG="${{ steps.inputs.outputs.tag }}"
-          if [ -z "$TAG" ]; then
-            TAG="latest"
-          fi
+      - name: Setup Node.js for npm publish
+        uses: actions/setup-node@v4
+        with:
+          node-version: '20'
+          registry-url: 'https://registry.npmjs.org'
 
-          echo "Publishing with tag: $TAG"
-          mise run publish --tag "$TAG"
+      - name: Publish to npm
+        run: npm publish --access public
+        env:
+          NODE_AUTH_TOKEN: ${{ secrets.NPM_TOKEN }}

README.md

@@ -2,7 +2,7 @@
 
 Interactive terminal canvases for [OpenCode](https://opencode.ai) - spawn rich TUI interfaces for calendars, documents, flight bookings, and more directly from your AI coding assistant.
 
-![Canvas Demo](https://github.com/mailshieldai/opencode-canvas/raw/main/media/screenshot.png)
+![Canvas Demo](./media/screenshot.png)
 
 ## What is this?
 

media/screenshot.png

@@ -31,7 +31,8 @@
   },
   "files": [
     "dist",
-    "src"
+    "src",
+    "media"
   ],
   "dependencies": {
     "@opencode-ai/plugin": "^1.0.85",