Merge pull request #64 from oslabs-beta/john/final-test

John/final test

Author: austin-cavanagh

.DS_Store

@@ -38,7 +38,6 @@ function App() {
 
       // By checking data more thoroughly, we can avoid adding data that we don't expect in child components. This is the data we have the least control over.
       // Future iteration could use Zod or something a little less manual and be a more prcise
-      console.log('Recieved event message', message)
       if (
         message.type === 'event' &&
         message.payload &&

extension/src/App.tsx

@@ -1,7 +1,7 @@
 [
   {
     "text": "Agree on the dev experience. Also, for those looking to optimize their app's performance, React Query's automatic data fetching on window refocus or network reconnect is a neat feature. Reduces the need for manual refetching and ensures data is always fresh.",
-    "liked": true,
+    "liked": false,
     "createComment": false,
     "timestamp": "Mar 4, 2024",
     "username": "Marcus Holloway",
@@ -18,6 +18,12 @@
         "timestamp": "Mar 20, 2024",
         "username": "Guest",
         "picture": "guest"
+      },
+      {
+        "text": "test",
+        "timestamp": "May 22, 2024",
+        "username": "Guest",
+        "picture": "guest"
       }
     ]
   },

package-react/example/server/models/technology.json

@@ -11,9 +11,7 @@ function Subscription({ handleMessages }: SubscriptionProps) {
   const queryCache = queryClient.getQueryCache();
 
   const handleQueryCacheChange = async (event: any) => {
-    // console.log('event', event);
     const message = formatData(event, queryClient);
-    // console.log('message', message);
     if (message) handleMessages(message);
   };
 

package-react/src/Subscription.tsx

@@ -21,14 +21,6 @@ export function formatData(
 
   if (eventType === 'updated' && event.action?.type === 'success') {
     const queryData = queryClient.getQueryData(queryKey);
-    console.log('full event: ', event);
-    console.log('parsed event: ', {
-      eventType,
-      queryKey,
-      queryHash,
-      timestamp,
-      queryData,
-    });
     return {
       eventType,
       queryKey,

package-react/src/formatData.ts

@@ -15,16 +15,13 @@ function ReactQueryRewind() {
 
   const handleMessages = (message: any) => {
     if (contentConnectedRef.current) {
-      console.log('Sending Event');
       sendEvent(message);
     } else {
       contentMessageQueueRef.current.push(message);
-      console.log('Current Queue:', contentMessageQueueRef.current);
     }
   };
 
   const sendEvent = (event: any) => {
-    console.log('Sending Event:', event.queryHash);
     window.postMessage(
       { framework: 'react', type: 'event', payload: event },
       '*'
@@ -33,7 +30,6 @@ function ReactQueryRewind() {
 
   const handleContentMessages = (message: MessageEvent) => {
     if (message.data?.type === 'content-script-ready') {
-      console.log('APP: Content.ts connected');
       contentConnectedRef.current = true;
       window.postMessage({ type: 'app-connected' }, '*');
       sendContentMessageQueue();
@@ -45,7 +41,6 @@ function ReactQueryRewind() {
   };
 
   useEffect(() => {
-    // console.log('APP: Mounting Event Listeners');
     window.addEventListener('message', handleContentMessages);
 
     return () => {