Use pnpm watch and pnpm dev.

But they require a full build on every change.

Author: BMorearty

package.json

@@ -3,7 +3,9 @@
   "version": "0.0.1",
   "private": true,
   "scripts": {
-    "dev": "vite dev --host ::1",
+    "--": "should I use --ext js,ts,svelte,html,png,gif,jpg,jpeg ?",
+    "watch": "nodemon --ext '*' --watch src --exec \"vite build --minify false --sourcemap true\"",
+    "dev": "wrangler pages dev .svelte-kit/cloudflare --kv GIFTS --live-reload",
     "build": "vite build",
     "preview": "vite preview",
     "test": "playwright test",
@@ -23,6 +25,7 @@
     "eslint": "^8.32.0",
     "eslint-config-prettier": "^8.6.0",
     "eslint-plugin-svelte3": "^4.0.0",
+    "nodemon": "^2.0.20",
     "prettier": "^2.8.3",
     "prettier-plugin-svelte": "^2.9.0",
     "svelte": "^3.55.1",

pnpm-lock.yaml

@@ -3,14 +3,14 @@ import { redirect } from '@sveltejs/kit';
 import { env } from '$env/dynamic/private';
 
 export const load: PageServerLoad = async ({ platform }) => {
+  console.log({platform});
   let hello = await platform?.env?.GIFTS.get('hello');
   if (!hello) {
     await platform?.env?.GIFTS.put('hello', 'world');
     hello = await platform?.env?.GIFTS.get('hello');
   }
   return {
     hello: hello ?? '',
-    // platform,
   };
 };
 

src/routes/+page.server.ts

@@ -3,14 +3,12 @@
 
   export let data;
   let hello = data.hello.slice(0);
-  console.log({ svelte: 'yes', hello });
+  console.log({ svelte: 'yes', hello, name: 'brian' });
 </script>
 
 <h1>Welcome to SvelteKit</h1>
-<p>Platform is {data.platform}</p>
-<p>Env is {JSON.stringify(data.env)}</p>
 <p>Data.hello is now {data.hello}</p>
-<form method="POST">
+<form method="POST" use:enhance>
   Change it to
   <input name="hello" bind:value={hello} type="text" />
   <input type="submit" />