From e52ad266bad7bc79645c335cec7b0b3448a3fb87 Mon Sep 17 00:00:00 2001
From: Katsuyuki Omuro <komuro@fastly.com>
Date: Thu, 26 Sep 2024 18:50:07 +0900
Subject: [PATCH] Use @fastly/cli in the starter kit

---
 README.md    | 22 ++++++++++++++++++----
 package.json |  4 +++-
 2 files changed, 21 insertions(+), 5 deletions(-)

diff --git a/README.md b/README.md
index 5c11175..72e507a 100644
--- a/README.md
+++ b/README.md
@@ -14,6 +14,20 @@ This is the entry point of the application, an event-listener is attached to the
 
 This is where the majority of our application code lives. A single async function is exported named `app`, which is the function that recieves the incoming `FetchEvent` and returns a `Response` instance, which will be sent to the user-agent.
 
+## Running the application
+
+To create an application using this starter kit, create a new directory for your application and switch to it, and then type the following command:
+
+```shell
+npm create @fastly/compute@latest -- --language=typescript --starter-kit=kv-store
+```
+
+To build and run your new application in the local development environment, type the following command:
+
+```shell
+npm run start
+```
+
 ## Deploying the project to Fastly
 
 Note that Fastly Services have to have unique names within a Fastly Account.
@@ -21,26 +35,26 @@ Note that Fastly Services have to have unique names within a Fastly Account.
 To create and deploy to a new Fastly Service run the command and follow the instructions:
 
 ```shell
-fastly compute publish
+npm run deploy
 ```
 
 That is it, we now have a Fastly Service, a Fastly KV Store and have them linked together!
 
 You can view real-time logs for the Fastly Service by running:
 ```shell
-fastly log-tail
+npx fastly log-tail
 ```
 
 ## Adding entries to the KV Store
 
 It is possible to add key-value pairs to an KV Store using the Fastly CLI like so:
 ```shell
-fastly kv-store-entry create --store-id=$FASTLY_KV_STORE_ID --key-name=$KEY --value=$VALUE
+npx fastly kv-store-entry create --store-id=$FASTLY_KV_STORE_ID --key-name=$KEY --value=$VALUE
 ```
 
 For example, here is how you could add to the KV Store named `my-store` a key named `readme` whose value is the contents of `README.md`:
 ```shell
-fastly kv-store-entry create --store-id="$(fastly kv-store list --json | jq -r '.Data[]|select(.Name=="my-store").ID')" --key-name="readme" --value="$(cat README.md)"
+npx fastly kv-store-entry create --store-id="$(npx fastly kv-store list --json | jq -r '.Data[]|select(.Name=="my-store").ID')" --key-name="readme" --value="$(cat README.md)"
 ```
 
 ## Security issues
diff --git a/package.json b/package.json
index 5678c85..4e6956a 100644
--- a/package.json
+++ b/package.json
@@ -7,6 +7,7 @@
     "node": "^18.0.0"
   },
   "devDependencies": {
+    "@fastly/cli": "^10.14.0",
     "typescript": "^5.0.0"
   },
   "dependencies": {
@@ -15,6 +16,7 @@
   "scripts": {
     "prebuild": "tsc",
     "build": "js-compute-runtime build/index.js bin/main.wasm",
-    "deploy": "npm run build && fastly compute deploy"
+    "start": "fastly compute serve",
+    "deploy": "fastly compute publish"
   }
 }