V0.4.0 improvements + added code review

Author: TiesdeKok

README.md

@@ -8,9 +8,9 @@ Primary functions, have ChatGPT:
 - **Explain** - Explain the content of your code cell, ELI5 style.
 - **Debug** - Help you debug an error message in your code cell.
 - **Complete** - Help you complete a code snippet in your code cell.
-- **Fun** - Provide a fun or helpful fact about your code cell.
+- **Review** - Provide a code review of your code cell.
 
-**Project status:** Beta - Bugs likely - If you run into issues or have feature suggestions --> Submit them as an issue!
+**Project status:** Stable - but ChatGPT changes frequently - if you run into problems or have feature suggestions --> Submit them as an issue!
 
 **Major acknowledgements:** 
 
@@ -85,7 +85,5 @@ Please report any issues or feature requests on the GitHub Issue tab. I will try
 - [x] Add Jupyter Lab support   
 - [x] Refactor prompt engineering
 - [x] Add copy-paste functionality and/or auto-adding
-- [ ] Add Google Colab support
-- [ ] Add shortcuts  
 - [ ] Add interupt button   
 - [ ] Add integration tests

package-lock.json

@@ -15,6 +15,7 @@
     "expiry-map": "^2.0.0",
     "github-markdown-css": "^5.1.0",
     "lodash-es": "^4.17.21",
+    "marked": "^4.2.12",
     "preact": "^10.11.3",
     "prop-types": "^15.8.1",
     "punycode": "^2.1.1",
@@ -26,6 +27,7 @@
   },
   "devDependencies": {
     "@types/lodash-es": "^4.17.6",
+    "@types/marked": "^4.0.8",
     "@types/uuid": "^9.0.0",
     "@types/webextension-polyfill": "^0.9.2",
     "@typescript-eslint/eslint-plugin": "^5.47.0",

package.json

@@ -7,6 +7,8 @@ import { Answer } from '../messaging'
 import ChatGPTFeedback from './ChatGPTFeedback'
 import './highlight.scss'
 import { promptSettings } from './prompt-configs.js'
+import { marked } from 'marked';
+
 
 interface Props {
   question: string,
@@ -67,12 +69,18 @@ function ChatGPTQuery(props: Props) {
     }
   }, [error])
 
+  const showPrompt = (event: React.MouseEvent<HTMLAnchorElement>) => {
+    event.preventDefault();
+    const html = marked(props.question);
+    window.open('', '_blank')?.document.write(html);
+  };
+
   if (answer) {
     const prompt = promptSettings[props.type]
     return (
       <div id="answer" className="markdown-body gpt-inner" dir="auto">
         <div className="gpt-header">
-          <p>{prompt.title}</p>
+          <p>{prompt.title} (<a href = "#" onClick={showPrompt}>see prompt</a>)</p>
           <ChatGPTFeedback messageId={answer.messageId} conversationId={answer.conversationId} siteName={props.siteName}/>
         </div>
         <ReactMarkdown rehypePlugins={[[rehypeHighlight, { detect: true }]]}>

src/content-script/ChatGPTQuery.tsx

@@ -147,7 +147,7 @@ function BuildQuery(type : string, siteName : string) : string {
         } else if (type == "debug") {
             query = promptTemplates["debug"](prev_cell_text, code, stderr_text)
         } else {
-            query = promptTemplates["fun"](prev_cell_text, code)
+            query = promptTemplates["review"](prev_cell_text, code)
         }
 
         //console.log(query)

src/content-script/ChatGPTQueryBuilder.tsx

@@ -12,7 +12,7 @@ export function Button(props: Props) {
     const isNotebook = props.siteName == "notebook"
     return (
         <button className="btn btn-default btn-xs chat-gpt-button" onClick={props.onClick } disabled={props.disabled} style= {{marginTop: isNotebook ? '-0.5px' : '4px' }} title={props.name} >
-            <props.icon size='small' className="icon" /> {isNotebook && props.name}
+            <props.icon size='small' className="icon" />
         </button> 
     )
 

src/content-script/Interface.tsx

@@ -2,7 +2,7 @@ import {
     Icon,
     ProjectRoadmapIcon,
     BugIcon,
-    GiftIcon,
+    CodeReviewIcon,
     CommandPaletteIcon,
     PaintbrushIcon,
 } from '@primer/octicons-react'
@@ -41,10 +41,10 @@ export const promptSettings: Record<string, PromptSettings> = {
         maxCharPrevCells: 1250,
 
     },
-    fun : {
-        buttonLabel : "Fun",
-        buttonIcon : GiftIcon,
-        title : "ChatGPT - Fun",
-        maxCharPrevCells: 500,
+    review : {
+        buttonLabel : "Review",
+        buttonIcon : CodeReviewIcon,
+        title : "ChatGPT - Code Review",
+        maxCharPrevCells: 1250,
     }
 }