auto-component 0.0.30 → 0.0.32

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "auto-component",
-  "version": "0.0.30",
+  "version": "0.0.32",
   "main": "src/index.jsx",
   "peerDependencies": {
     "react": "^18.2.0",
@@ -8,8 +8,5 @@
   },
   "files": [
     "src"
-  ],
-  "dependencies": {
-    "js-beautify": "^1.14.11"
-  }
+  ]
 }

package/src/index.jsx

@@ -14,8 +14,9 @@ const AutoComponent = ({ exclusions }) => {
 
   const [ responseData, setResponseData ] = useState(null)
   const [ requestData, setRequestData ] = useState(null)
-
+  
   const [ activeTab, setActiveTab ] = useState('request')
+  const [ history, setHistory ] = useState(["No History"])
 
 //**-------------------------**/
 // ** HTML/CSS Formatting ** //
@@ -125,6 +126,7 @@ const AutoComponent = ({ exclusions }) => {
       const resData = await sendRequest();
   
       if (resData) {
+        setHistory(resData.history)
         // setResponseData(formatHtml(resData.response.content));
         setResponseData(resData.response.content);
         setActiveTab('response');
@@ -162,6 +164,7 @@ const AutoComponent = ({ exclusions }) => {
     setRequest('')
     setResponseData('')
     randomUser()
+    setHistory([])
   }
 
   const handleRequestTab = () => {
@@ -180,12 +183,23 @@ const AutoComponent = ({ exclusions }) => {
 // ** Rendering ** //
 //**-------------**/
 
+  const getLog = () => {
+    return (
+    history.map((entry, index) => (
+        
+        index !== 0 && entry.content.split('HTML Context:')[0] + (entry.content.includes("User Request") ? '\n' : '\n\n\n')
+      )
+    ))
+  }
+
   const requestHTML = currentHtml ? (
 `Review the details below for accuracy and privacy concerns.
 If the contents of an element should be excluded, add the 'exclude' class to the element.
 Click Generate to send the request and receive the auto component AI generated code.
 
-User Request:\n    ` 
+User ID:\n    ` 
++ user
++ "\n\nUser Request:\n"
 + currentRequest 
 + "\n\nUser HTML:\n" 
 + currentHtml 
@@ -215,7 +229,7 @@ User Request:\n    `
             </div>
           </div>
           <pre>
-           {activeTab === 'request' ? requestHTML : responseHtml}
+           {activeTab === 'request' ? getLog() : responseHtml}
           </pre>
         </div>
         <div className="copy-btn" onClick={copyToClipboard} style={activeTab !== 'response' ? { display: 'none' } : null}>