Updated README with workaround for tinylicious error (#604)

samples/javascript/01.dice-roller/README.md

@@ -15,23 +15,12 @@ After cloning the repository, you must first set up the npm workspace from the r
 npm install
 npm run build:packages # Build Live Share packages
 cd samples/j*/01*
+npm start
 ```
 
-_Note:_ Do not run `npm start` before running `npm run build:packages` from the root of the project, unless you first move the sample out of this npm workspace. When using our samples, you are testing the packages using symlinks, and not the Live Share SDK versions published to npm.
-
-## Testing locally in browser
-
-### `npm run start`
+Running `npm start`, it will do two things: start the `tinylicious` server and start the application using `vite`. If you have never used `tinylicious` before, you should see instead is a prompt saying `Ok to proceed? (y)`, after which you should type `y` and press the "enter" key. In rare cases you might not see the `Ok to proceed? (y)` prompt, in which case try running `npx tinylicious@latest` in your command line directly, and then try again.
 
-Runs the app in the development mode.\
-Open [http://localhost:3000](http://localhost:3000) to view it in your browser.
-
-The page will reload when you make changes.\
-Upon loading, if there is no `/#{id}` in the URL, it will create one and insert it into the URL.
-You can copy this URL and paste it into new browser tabs to test Live Share using a local server.
-To test the side panel & video queue, you can replace your URL with `/sidepanel#{id}`.
-
-**Note:** if testing with HTTPS, such as when using a tunneling service like Ngrok, instead use the command `npm run start-https`.
+_Note:_ Do not run `npm start` before running `npm run build:packages` from the root of the project, unless you first move the sample out of this npm workspace. When using our samples, you are testing the packages using symlinks, and not the Live Share SDK versions published to npm.
 
 ## Testing the app in Teams
 

samples/javascript/02.react-video/README.md

@@ -18,12 +18,18 @@ _Note:_ Do not run `npm start` before running `npm run build:packages` from the
 
 ### `npm run start`
 
-Runs the app in the development mode.\
+Runs the app in the development mode.
+
+Running `npm run start`, it will do two things: start the `tinylicious` server and start the application using `vite`. If you have never used `tinylicious` before, you should see instead is a prompt saying `Ok to proceed? (y)`, after which you should type `y` and press the "enter" key. In rare cases you might not see the `Ok to proceed? (y)` prompt, in which case try running `npx tinylicious@latest` in your command line directly, and then try again.
+
 Open [http://localhost:3000](http://localhost:3000) to view it in your browser.
 
-The page will reload when you make changes.\
-Upon loading, if there is no `/#{id}` in the URL, it will create one and insert it into the URL.\
-You can copy this URL and paste it into new browser tabs to test Live Share using a local server.\
+The page will reload when you make changes.
+
+Upon loading, if there is no `/#{id}` in the URL, it will create one and insert it into the URL.
+
+You can copy this URL and paste it into new browser tabs to test Live Share using a local server.
+
 To test the side panel & video queue, you can replace your URL with `/sidepanel#{id}`.
 
 **Note:** if testing with HTTPS, such as when using a tunneling service like Ngrok, instead use the command `npm run start-https`.

samples/javascript/03.live-canvas-demo/README.md

@@ -18,12 +18,17 @@ _Note:_ Do not run `npm start` before running `npm run build:packages` from the
 
 ### `npm run start`
 
-Runs the app in the development mode.\
+Runs the app in the development mode.
+
+Running `npm run start`, it will do two things: start the `tinylicious` server and start the application using `vite`. If you have never used `tinylicious` before, you should see instead is a prompt saying `Ok to proceed? (y)`, after which you should type `y` and press the "enter" key. In rare cases you might not see the `Ok to proceed? (y)` prompt, in which case try running `npx tinylicious@latest` in your command line directly, and then try again.
+
 Open [http://localhost:3000](http://localhost:3000) to view it in your browser.
 
-The page will reload when you make changes.\
-Upon loading, if there is no `/#{id}` in the URL, it will create one and insert it into the URL.\
-You can copy this URL and paste it into new browser tabs to test Live Share using a local server.\
+The page will reload when you make changes.
+
+Upon loading, if there is no `/#{id}` in the URL, it will create one and insert it into the URL.
+
+You can copy this URL and paste it into new browser tabs to test Live Share using a local server.
 
 ## Testing the app in Teams
 

samples/javascript/04.live-share-react/README.md

@@ -20,12 +20,18 @@ _Note:_ Do not run `npm start` before running `npm run build:packages` from the
 
 ### `npm run start`
 
-Runs the app in the development mode.\
+Runs the app in the development mode.
+
+Running `npm run start`, it will do two things: start the `tinylicious` server and start the application using `vite`. If you have never used `tinylicious` before, you should see instead is a prompt saying `Ok to proceed? (y)`, after which you should type `y` and press the "enter" key. In rare cases you might not see the `Ok to proceed? (y)` prompt, in which case try running `npx tinylicious@latest` in your command line directly, and then try again.
+
 Open [http://localhost:3000](http://localhost:3000) to view it in your browser.
 
-The page will reload when you make changes.\
+The page will reload when you make changes.
+
 Upon loading, if there is no `/#{id}` in the URL, it will create one and insert it into the URL.
+
 You can copy this URL and paste it into new browser tabs to test Live Share using a local server.
+
 To test the side panel & video queue, you can replace your URL with `/sidepanel#{id}`.
 
 **Note:** if testing with HTTPS, such as when using a tunneling service like Ngrok, instead use the command `npm run start-https`.

samples/javascript/05.dice-roller-turbo/README.md

@@ -22,12 +22,18 @@ _Note:_ Do not run `npm start` before running `npm run build:packages` from the
 
 ### `npm run start`
 
-Runs the app in the development mode.\
+Runs the app in the development mode.
+
+Running `npm run start`, it will do two things: start the `tinylicious` server and start the application using `vite`. If you have never used `tinylicious` before, you should see instead is a prompt saying `Ok to proceed? (y)`, after which you should type `y` and press the "enter" key. In rare cases you might not see the `Ok to proceed? (y)` prompt, in which case try running `npx tinylicious@latest` in your command line directly, and then try again.
+
 Open [http://localhost:3000](http://localhost:3000) to view it in your browser.
 
-The page will reload when you make changes.\
+The page will reload when you make changes.
+
 Upon loading, if there is no `/#{id}` in the URL, it will create one and insert it into the URL.
+
 You can copy this URL and paste it into new browser tabs to test Live Share using a local server.
+
 To test the side panel & video queue, you can replace your URL with `/sidepanel#{id}`.
 
 **Note:** if testing with HTTPS, such as when using a tunneling service like Ngrok, instead use the command `npm run start-https`.

samples/javascript/21.react-media-template/README.md

@@ -25,6 +25,8 @@ _Note:_ Do not run `npm start` before running `npm run build:packages` from the
 
 Runs the app in the development mode.
 
+Running `npm run start`, it will do two things: start the `tinylicious` server and start the application using `vite`. If you have never used `tinylicious` before, you should see instead is a prompt saying `Ok to proceed? (y)`, after which you should type `y` and press the "enter" key. In rare cases you might not see the `Ok to proceed? (y)` prompt, in which case try running `npx tinylicious@latest` in your command line directly, and then try again.
+
 Open [http://localhost:3000](http://localhost:3000) to view it in your browser.
 
 The page will reload when you make changes.

samples/javascript/22.react-agile-poker/README.md

@@ -22,12 +22,18 @@ _Note:_ Do not run `npm start` before running `npm run build:packages` from the
 
 ### `npm run start`
 
-Runs the app in the development mode.\
+Runs the app in the development mode.
+
+Running `npm run start`, it will do two things: start the `tinylicious` server and start the application using `vite`. If you have never used `tinylicious` before, you should see instead is a prompt saying `Ok to proceed? (y)`, after which you should type `y` and press the "enter" key. In rare cases you might not see the `Ok to proceed? (y)` prompt, in which case try running `npx tinylicious@latest` in your command line directly, and then try again.
+
 Open [http://localhost:3000](http://localhost:3000) to view it in your browser.
 
-The page will reload when you make changes.\
-Upon loading, if there is no `/#{id}` in the URL, it will create one and insert it into the URL.\
-You can copy this URL and paste it into new browser tabs to test Live Share using a local server.\
+The page will reload when you make changes.
+
+Upon loading, if there is no `/#{id}` in the URL, it will create one and insert it into the URL.
+
+You can copy this URL and paste it into new browser tabs to test Live Share using a local server.
+
 To test the side panel & video queue, you can replace your URL with `/sidepanel#{id}`.
 
 **Note:** if testing with HTTPS, such as when using a tunneling service like Ngrok, instead use the command `npm run start-https`.

samples/javascript/23.react-live-canvas/README.md

@@ -27,12 +27,17 @@ _Note:_ Do not run `npm start` before running `npm run build:packages` from the
 
 ### `npm run start`
 
-Runs the app in the development mode.\
+Runs the app in the development mode.
+
+Running `npm start`, it will do two things: start the `tinylicious` server and start the application using `vite`. If you have never used `tinylicious` before, you should see instead is a prompt saying `Ok to proceed? (y)`, after which you should type `y` and press the "enter" key. In rare cases you might not see the `Ok to proceed? (y)` prompt, in which case try running `npx tinylicious@latest` in your command line directly, and then try again.
+
 Open [http://localhost:3000](http://localhost:3000) to view it in your browser.
 
 The page will reload when you make changes.\
-Upon loading, if there is no `/#{id}` in the URL, it will create one and insert it into the URL.\
-You can copy this URL and paste it into new browser tabs to test Live Share using a local server.\
+Upon loading, if there is no `/#{id}` in the URL, it will create one and insert it into the URL.
+
+You can copy this URL and paste it into new browser tabs to test Live Share using a local server.
+
 To test the side panel & video queue, you can replace your URL with `/sidepanel#{id}`.
 
 **Note:** if testing with HTTPS, such as when using a tunneling service like Ngrok, instead use the command `npm run start-https`.

samples/typescript/01.dice-roller/README.md

@@ -18,6 +18,8 @@ cd samples/t*/01*
 npm start
 ```
 
+Running `npm start`, it will do two things: start the `tinylicious` server and start the application using `vite`. If you have never used `tinylicious` before, you should see instead is a prompt saying `Ok to proceed? (y)`, after which you should type `y` and press the "enter" key. In rare cases you might not see the `Ok to proceed? (y)` prompt, in which case try running `npx tinylicious@latest` in your command line directly, and then try again.
+
 _Note:_ Do not run `npm start` before running `npm run build:packages` from the root of the project, unless you first move the sample out of this npm workspace. When using our samples, you are testing the packages using symlinks, and not the Live Share SDK versions published to npm.
 
 ## Testing the app in Teams

samples/typescript/03.live-canvas-demo/README.md

@@ -19,10 +19,15 @@ _Note:_ Do not run `npm start` before running `npm run build:packages` from the
 ### `npm run start`
 
 Runs the app in the development mode.
+
+Running `npm run start`, it will do two things: start the `tinylicious` server and start the application using `vite`. If you have never used `tinylicious` before, you should see instead is a prompt saying `Ok to proceed? (y)`, after which you should type `y` and press the "enter" key. In rare cases you might not see the `Ok to proceed? (y)` prompt, in which case try running `npx tinylicious@latest` in your command line directly, and then try again.
+
 Open [http://localhost:3000](http://localhost:3000) to view it in your browser.
 
 The page will reload when you make changes.
+
 Upon loading, if there is no `/#{id}` in the URL, it will create one and insert it into the URL.
+
 You can copy this URL and paste it into new browser tabs to test Live Share using a local server.
 
 ## Testing the app in Teams

samples/typescript/04.live-share-react/README.md

@@ -20,12 +20,18 @@ _Note:_ Do not run `npm start` before running `npm run build:packages` from the
 
 ### `npm run start`
 
-Runs the app in the development mode.\
+Runs the app in the development mode.
+
+Running `npm run start`, it will do two things: start the `tinylicious` server and start the application using `vite`. If you have never used `tinylicious` before, you should see instead is a prompt saying `Ok to proceed? (y)`, after which you should type `y` and press the "enter" key. In rare cases you might not see the `Ok to proceed? (y)` prompt, in which case try running `npx tinylicious@latest` in your command line directly, and then try again.
+
 Open [http://localhost:3000](http://localhost:3000) to view it in your browser.
 
-The page will reload when you make changes.\
+The page will reload when you make changes.
+
 Upon loading, if there is no `/#{id}` in the URL, it will create one and insert it into the URL.
+
 You can copy this URL and paste it into new browser tabs to test Live Share using a local server.
+
 To test the side panel & video queue, you can replace your URL with `/sidepanel#{id}`.
 
 **Note:** if testing with HTTPS, such as when using a tunneling service like Ngrok, instead use the command `npm run start-https`.

samples/typescript/05.dice-roller-turbo/README.md

@@ -24,10 +24,15 @@ _Note:_ Do not run `npm start` before running `npm run build:packages` from the
 ### `npm run start`
 
 Runs the app in the development mode.
+
+Running `npm run start`, it will do two things: start the `tinylicious` server and start the application using `vite`. If you have never used `tinylicious` before, you should see instead is a prompt saying `Ok to proceed? (y)`, after which you should type `y` and press the "enter" key. In rare cases you might not see the `Ok to proceed? (y)` prompt, in which case try running `npx tinylicious@latest` in your command line directly, and then try again.
+
 Open [http://localhost:3000](http://localhost:3000) to view it in your browser.
 
 The page will reload when you make changes.
+
 Upon loading, if there is no `/#{id}` in the URL, it will create one and insert it into the URL.
+
 You can copy this URL and paste it into new browser tabs to test Live Share using a local server.
 
 ## Testing the app in Teams

samples/typescript/21.react-media-template/README.md

@@ -23,6 +23,8 @@ _Note:_ Do not run `npm start` before running `npm run build:packages` from the
 
 ### `npm run start`
 
+Running `npm run start`, it will do two things: start the `tinylicious` server and start the application using `vite`. If you have never used `tinylicious` before, you should see instead is a prompt saying `Ok to proceed? (y)`, after which you should type `y` and press the "enter" key. In rare cases you might not see the `Ok to proceed? (y)` prompt, in which case try running `npx tinylicious@latest` in your command line directly, and then try again.
+
 Open [http://localhost:3000](http://localhost:3000) to view it in your browser.
 
 The page will reload when you make changes.
@@ -33,7 +35,7 @@ You can copy this URL and paste it into new browser tabs to test Live Share usin
 
 To test the side panel & video queue, you can replace your URL with `/sidepanel#{id}`.
 
-**Note:** if testing with HTTPS, such as when using a tunneling service like Ngrok, instead use the command `npm run start-https`.
+_Note:_ if testing with HTTPS, such as when using a tunneling service like Ngrok, instead use the command `npm run start-https`.
 
 ### Known issues when testing in browser