Merge pull request #82 from contentstack/fix/MKT-5148-live-edit

Fix/mkt 5148 live edit

Author: Amitkanswal

.env.example

@@ -1,28 +1,27 @@
-#create environment file name as .env
-#and place following configuration data.
-
+# This is a settings file for our application.
 
+# Contentstack is the tool we use to manage our website's content.
+# You need to replace 'your_stack_api_key', 'your_delivery_token', and 'your_environment_name' with the actual information.
 REACT_APP_CONTENTSTACK_API_KEY=your_stack_api_key
 REACT_APP_CONTENTSTACK_DELIVERY_TOKEN=your_delivery_token
 REACT_APP_CONTENTSTACK_ENVIRONMENT=your_environment_name
 
-# Below config options are for enabling live preview/live edit tags for the starter app
-
+# Live Preview lets us see changes before they are shown on the website.
+# Replace 'your_live_preview_token' with the actual information.
 REACT_APP_CONTENTSTACK_PREVIEW_HOST=rest-preview.contentstack.com
 REACT_APP_CONTENTSTACK_PREVIEW_TOKEN=your_live_preview_token
 REACT_APP_CONTENTSTACK_APP_HOST=app.contentstack.com
 REACT_APP_CONTENTSTACK_LIVE_PREVIEW=true
 REACT_APP_CONTENTSTACK_LIVE_EDIT_TAGS=false
 
-
+# These are extra settings. You can remove the '#' at the start of the line and fill these if needed.
 # REACT_APP_CONTENTSTACK_API_HOST= api.contentstack.io
-# REACT_APP_CONTENTSTACK_REGION=eu
+# REACT_APP_CONTENTSTACK_REGION=us
 # REACT_APP_CONTENTSTACK_BRANCH=main
 
-### NOTE:
-  # REACT_APP_CONTENTSTACK_API_HOST- For setting custom api host for contentstack sdk
-  # REACT_APP_CONTENTSTACK_REGION- For setting custom region for contentstack sdk default is us
-  # REACT_APP_CONTENTSTACK_BRANCH- For setting custom branch for contentstack sdk default is main
-
-  # Setting Live Preview URL's
-  # REACT_APP_CONTENTSTACK_PREVIEW_HOST- For eu region use eu-rest-preview.contentstack.com/azure-na-rest-preview.contentstack.com/azure-eu-rest-preview.contentstack.com
+# Notes:
+# - REACT_APP_CONTENTSTACK_API_HOST: This is for setting a custom address for the Contentstack tool.
+# - REACT_APP_CONTENTSTACK_REGION: This is for setting a custom region for the Contentstack tool (default is 'us').
+# - REACT_APP_CONTENTSTACK_BRANCH: This is for setting a custom branch for the Contentstack tool (default is 'main').
+# - REACT_APP_CONTENTSTACK_PREVIEW_HOST: If you're in the EU just append "eu-" to "rest-preview.contentstack.com"
+# - example eu-rest-preview.contentstack.com

package-lock.json

@@ -1,22 +1,23 @@
 {
   "name": "contentstack-react-starter-app",
   "description": "A starter app for Contentstack and React",
-  "version": "2.0.5",
+  "version": "2.0.6",
   "private": true,
   "author": "Contentstack",
   "dependencies": {
     "@contentstack/live-preview-utils": "^1.4.0",
-    "@contentstack/utils": "^1.3.1",
-    "@textea/json-viewer": "^3.3.0",
-    "@types/react": "^18.2.48",
+    "@contentstack/utils": "^1.3.2",
+    "@textea/json-viewer": "^3.4.0",
+    "@types/react": "^18.2.57",
+    "caniuse-lite": "^1.0.30001589",
     "contentstack": "^3.19.0",
     "html-react-parser": "^3.0.16",
     "moment": "^2.30.1",
     "nth-check": "^2.1.1",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
-    "react-loading-skeleton": "^3.3.1",
-    "react-router-dom": "^6.21.2",
+    "react-loading-skeleton": "^3.4.0",
+    "react-router-dom": "^6.22.1",
     "react-script": "^2.0.5",
     "typescript": "^4.9.5",
     "web-vitals": "^2.1.4"
@@ -53,9 +54,9 @@
   },
   "license": "MIT",
   "devDependencies": {
-    "@types/react-dom": "^18.2.18",
+    "@types/react-dom": "^18.2.19",
     "eslint": "^8.56.0",
     "eslint-plugin-react": "^7.33.2",
     "react-scripts": "^5.0.1"
   }
-}
+}