update deps, use the vite plugin for the example (#25)

* use the vite plugin

* preview builds

* updated versions

* pass checks

Author: threepointone

biome.json

@@ -1,5 +1,5 @@
 {
-  "$schema": "https://biomejs.dev/schemas/2.0.6/schema.json",
+  "$schema": "https://biomejs.dev/schemas/2.1.2/schema.json",
   "assist": {
     "actions": {
       "source": {

examples/basic/public/index.html examples/basic/index.htmlexamples/basic/public/index.html renamed to examples/basic/index.html

@@ -19,6 +19,6 @@
       </div>
     </div>
 
-    <script src="/dist/index.js"></script>
+    <script src="/app/index.tsx" type="module"></script>
   </body>
 </html>

examples/basic/package.json

@@ -5,8 +5,8 @@
   "private": true,
   "description": "An example of using the sandbox package",
   "scripts": {
-    "start": "wrangler dev",
-    "deploy": "wrangler deploy"
+    "start": "vite dev",
+    "deploy": "vite build && wrangler deploy"
   },
   "author": "",
   "license": "MIT"

examples/basic/vite.config.ts

@@ -0,0 +1,7 @@
+import { defineConfig } from "vite";
+import react from "@vitejs/plugin-react";
+import { cloudflare } from "@cloudflare/vite-plugin";
+
+export default defineConfig({
+  plugins: [react(), cloudflare()],
+});

examples/basic/wrangler.jsonc

@@ -10,10 +10,6 @@
   "assets": {
     "directory": "public"
   },
-  "build": {
-    "command": "bun build app/index.tsx --outdir public/dist",
-    "watch_dir": "app"
-  },
   "containers": [
     {
       "class_name": "Sandbox",