From 5a8cb2d81fe6cb5f11f0b5906d4023dfc9dacca4 Mon Sep 17 00:00:00 2001
From: ramlang <rachelelang7672@gmail.com>
Date: Mon, 19 Feb 2024 13:55:46 -0800
Subject: [PATCH 1/6] testing vercel preview app

---
 src/App.jsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/App.jsx b/src/App.jsx
index b8b8473..d4898b9 100644
--- a/src/App.jsx
+++ b/src/App.jsx
@@ -16,7 +16,7 @@ function App() {
           <img src={reactLogo} className="logo react" alt="React logo" />
         </a>
       </div>
-      <h1>Vite + React</h1>
+      <h1>Vite + React uwu</h1>
       <div className="card">
         <button onClick={() => setCount((count) => count + 1)}>
           count is {count}

From 461b2a6782989637bcf53bde76f5038f4f3c349d Mon Sep 17 00:00:00 2001
From: ramlang <rachelelang7672@gmail.com>
Date: Mon, 19 Feb 2024 14:31:39 -0800
Subject: [PATCH 2/6] installed/livecycle-sdk

---
 package-lock.json | 9 +++++++++
 package.json      | 1 +
 src/App.jsx       | 7 ++++++-
 3 files changed, 16 insertions(+), 1 deletion(-)

diff --git a/package-lock.json b/package-lock.json
index a7b8a7c..1c34c93 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -8,6 +8,7 @@
       "name": "livecycle-test",
       "version": "0.0.0",
       "dependencies": {
+        "@livecycle/sdk": "^0.1.11",
         "react": "^18.2.0",
         "react-dom": "^18.2.0"
       },
@@ -891,6 +892,14 @@
         "@jridgewell/sourcemap-codec": "^1.4.14"
       }
     },
+    "node_modules/@livecycle/sdk": {
+      "version": "0.1.11",
+      "resolved": "https://registry.npmjs.org/@livecycle/sdk/-/sdk-0.1.11.tgz",
+      "integrity": "sha512-Xh/zn09wR6Q+48M1ziGcnXj3xF/m6xmpLSxB25gYZe6k8YKGJKbK5A8y67ozIsVDW1jcIbOg3uf0ylpmX/Ln1Q==",
+      "engines": {
+        "node": ">=12.0.0"
+      }
+    },
     "node_modules/@nodelib/fs.scandir": {
       "version": "2.1.5",
       "resolved": "https://registry.npmjs.org/@nodelib/fs.scandir/-/fs.scandir-2.1.5.tgz",
diff --git a/package.json b/package.json
index 36ac63c..ad046f3 100644
--- a/package.json
+++ b/package.json
@@ -10,6 +10,7 @@
     "preview": "vite preview"
   },
   "dependencies": {
+    "@livecycle/sdk": "^0.1.11",
     "react": "^18.2.0",
     "react-dom": "^18.2.0"
   },
diff --git a/src/App.jsx b/src/App.jsx
index d4898b9..0ec5d19 100644
--- a/src/App.jsx
+++ b/src/App.jsx
@@ -1,10 +1,15 @@
-import { useState } from 'react'
+import { useState, useEffect } from 'react'
 import reactLogo from './assets/react.svg'
 import viteLogo from '/vite.svg'
+import LivecycleSdk from '@livecycle/sdk'
 import './App.css'
 
 function App() {
   const [count, setCount] = useState(0)
+  
+  useEffect(() => {
+    LivecycleSdk.init()
+  });
 
   return (
     <>

From 8e2d032f4b1f0a4b2b96927cb1bd1e5718164145 Mon Sep 17 00:00:00 2001
From: ramlang <rachelelang7672@gmail.com>
Date: Mon, 19 Feb 2024 14:41:56 -0800
Subject: [PATCH 3/6] updated heading 1

---
 src/App.jsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/App.jsx b/src/App.jsx
index 0ec5d19..24daa0f 100644
--- a/src/App.jsx
+++ b/src/App.jsx
@@ -21,7 +21,7 @@ function App() {
           <img src={reactLogo} className="logo react" alt="React logo" />
         </a>
       </div>
-      <h1>Vite + React uwu</h1>
+      <h1>Vite + React OWO</h1>
       <div className="card">
         <button onClick={() => setCount((count) => count + 1)}>
           count is {count}

From 148de08d3ca1f2b3cff962d93607a6a20e522d40 Mon Sep 17 00:00:00 2001
From: ramlang <rachelelang7672@gmail.com>
Date: Mon, 19 Feb 2024 14:56:25 -0800
Subject: [PATCH 4/6] added livecycle-sdk

---
 src/App.jsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/App.jsx b/src/App.jsx
index 24daa0f..0770aef 100644
--- a/src/App.jsx
+++ b/src/App.jsx
@@ -21,7 +21,7 @@ function App() {
           <img src={reactLogo} className="logo react" alt="React logo" />
         </a>
       </div>
-      <h1>Vite + React OWO</h1>
+      <h1>Vite + React UWU</h1>
       <div className="card">
         <button onClick={() => setCount((count) => count + 1)}>
           count is {count}

From 502e0b3c240adec31b3f8969e8da89c6458b881a Mon Sep 17 00:00:00 2001
From: ramlang <rachelelang7672@gmail.com>
Date: Mon, 19 Feb 2024 15:06:00 -0800
Subject: [PATCH 5/6] changed useEffect

---
 src/App.jsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/App.jsx b/src/App.jsx
index 0770aef..d26f29b 100644
--- a/src/App.jsx
+++ b/src/App.jsx
@@ -8,8 +8,8 @@ function App() {
   const [count, setCount] = useState(0)
   
   useEffect(() => {
-    LivecycleSdk.init()
-  });
+    LivecycleSdk.init().catch(console.error)
+  }, []);
 
   return (
     <>

From 8678fe97c787e72e21dcfd61ef949f48c6c4f178 Mon Sep 17 00:00:00 2001
From: ramlang <rachelelang7672@gmail.com>
Date: Mon, 19 Feb 2024 15:21:46 -0800
Subject: [PATCH 6/6] added livecycle script to html

---
 index.html | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/index.html b/index.html
index 0c589ec..d4de65e 100644
--- a/index.html
+++ b/index.html
@@ -4,10 +4,14 @@
     <meta charset="UTF-8" />
     <link rel="icon" type="image/svg+xml" href="/vite.svg" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <script src="https://unpkg.com/@livecycle/sdk@stable/dist/browser/index.js"></script>
     <title>Vite + React</title>
   </head>
   <body>
     <div id="root"></div>
     <script type="module" src="/src/main.jsx"></script>
+    <script>
+      LivecycleSdk.init().catch(console.error)
+    </script>
   </body>
 </html>