v2.1.2

README.md

@@ -1,4 +1,4 @@
-# Watermelon's Passive Docs Search Engine
+# Watermelon's Open Source Copilot For Code Review
 
 [![Report an issue](https://img.shields.io/badge/-Report%20an%20issue-critical)](https://github.com/watermelontools/watermelon/issues)
 
@@ -9,22 +9,17 @@
 [![Twitter Follow](https://img.shields.io/twitter/follow/WatermelonTools?style=flat-square)](https://twitter.com/intent/follow?screen_name=WatermelonTools)
 [![Discord](https://img.shields.io/discord/933846506438541492?style=flat-square)](https://discord.com/invite/H4AE6b9442)
 
-**Watermelon is a Passive Documentation Search Engine** serving both our GitHub app and IDE extension. Our set of plug-ins help developers understand code context, improve their coding velocity and merge PRs like a breeze.
+**Watermelon is an Open Source Copilot For Code Review**. Our GitHub application allows developers to pre-review GitHub Pull Requests by tracing their code context and performing static code analysis. Using LLMs to detect errors, compare intent to implementation, and give the PR a first health check.
 
-We've built a search algorithm that indexes the most relevant [passive documentation](https://www.watermelontools.com/post/what-is-passive-code-documentation-why-is-it-hard-to-scale-what-to-do-about-it) for a given pull request.
-
-To retrieve passive documentation and code context in your GitHub PRs, use this app.
-
-To retrieve passive documentation and code context in your IDE, take a look at our [VS Code Extension](https://github.com/watermelontools/watermelon-extension)
+We've built a search algorithm that indexes the most relevant [code context](https://www.watermelontools.com/post/what-is-passive-code-documentation-why-is-it-hard-to-scale-what-to-do-about-it) for a given pull request.
 
 ## Integrations
 
 We currently support the following integrations
 
-| Watermelon Product | Git                                     | Project Management | Messaging | Documentation      |
-| :----------------- | :-------------------------------------- | :----------------- | :-------- | :----------------- |
-| VS Code            | GitHub, GitLab (Beta), Bitbucket (Beta) | Jira               | Slack     |                    |
-| GitHub App         | GitHub                                  | Jira, Linear       | Slack     | Notion, Confluence |
+| Git                                     | Project Management | Messaging | Documentation      |
+| :-------------------------------------- | :----------------- | :-------- | :----------------- |
+| GitHub                                  | Jira, Linear, Asana      | Slack     | Notion, Confluence |
 
 ## Features
 
@@ -51,18 +46,10 @@ Alternatively, comment on our issues if you plan to solve one.
 
 ## Privacy
 
-We use [VS Code's telemetry library](https://github.com/microsoft/vscode-extension-telemetry). The library respects the user's decision about whether or not to send telemetry data.
-
-We also have settings to disable it.
+We use [PostHog Analytics](https://posthog.com/) to track how users interact with Watermelon's GitHub Application.
 
 Watermelon [doesn't store your code](https://www.watermelontools.com/post/building-a-code-archeology-toolbox-without-storing-your-code)
 
-## Supporters
-
-[![Stargazers repo roster for @watermelontools/watermelon-extension](https://reporoster.com/stars/watermelontools/watermelon)](https://github.com/watermelontools/watermelon/stargazers)
-
-[![Forkers repo roster for @watermelontools/watermelon-extension](https://reporoster.com/forks/watermelontools/watermelon)](https://github.com/watermelontools/watermelon/network/members)
-
 ---
 
 #### About Watermelon

app/(loggedIn)/page.tsx

@@ -18,51 +18,58 @@ async function HomePage({}) {
     return null;
   });
   const comingSoon = [
-    "PHPStorm",
     "IntelliJ",
-    "WebStorm",
+    "Android Studio",
+    "AppCode",
+    "Aqua",
+    "CLion",
+    "DataGrip",
+    "DataSpell",
+    "GoLand",
+    "MPS",
+    "PhpStorm",
     "PyCharm",
+    "Rider",
     "RubyMine",
+    "RustRover",
+    "WebStorm",
   ];
   return (
     <div>
       {data && <LoginGrid userEmail={userEmail} data={data} />}
       {userEmail && (
-        <div>
-          <div
-            className="Subhead p-3"
-            style={{
-              position: "sticky",
-              top: 0,
-              zIndex: 2,
-              backgroundColor: "var(--color-canvas-default)",
-            }}
-          >
-            <h2 className="Subhead-heading">IDEs</h2>
+        <div className="Box" style={{ height: "100%" }}>
+          <div className="Subhead px-3 pt-2">
+            <h2 className="Subhead-heading d-flex flex-items-center flex-justify-start">
+              <img className="avatar avatar-4" src="/logos/vscode.svg" />
+              <span>IDEs</span>
+            </h2>
           </div>
+
           <div
             style={{
               display: "grid",
               gridTemplateColumns: "repeat(auto-fit, minmax(350px, 1fr))",
             }}
           >
-            <div className="p-3">
+            <div className="pl-3 pr-3 pt-1 pb-3" style={{ flex: 1 }}>
               <DownloadExtension
                 name="VSCode"
                 email={userEmail}
                 urlStart="vscode"
                 accessToken={userName}
               />
             </div>
-            <div className="p-3">
+
+            <div className="pl-3 pr-3 pt-1 pb-3" style={{ flex: 1 }}>
               <DownloadExtension
                 name="VSCode Insiders"
                 urlStart="vscode-insiders"
                 email={userEmail}
                 accessToken={userName}
               />
             </div>
-            <div className="p-3">
+            <div className="pl-3 pr-3 pt-1 pb-3" style={{ flex: 1 }}>
               <DownloadExtension
                 name="VSCodium"
                 urlStart="vscodium"
@@ -71,18 +78,20 @@ async function HomePage({}) {
               />
             </div>
             {comingSoon.map((name) => (
-              <div className="p-3">
-                <div className="Box d-flex flex-items-center flex-justify-start p-2">
-                  <img
-                    className="avatar avatar-8"
-                    src={`/logos/${name.toLowerCase()}.svg`}
-                  />
-                  <div className="p-2">
-                    <h2>{name}</h2>
-                    <p>Coming Soon</p>
+              <a href="https://plugins.jetbrains.com/plugin/22720-watermelon-context">
+                <div className="p-3">
+                  <div className="Box d-flex flex-items-center flex-justify-start p-2">
+                    <img
+                      className="avatar avatar-8"
+                      src={`/logos/${name.toLowerCase()}.svg`}
+                    />
+                    <div className="p-2">
+                      <h2>{name}</h2>
+                      <p>Download now</p>
+                    </div>
                   </div>
                 </div>
-              </div>
+              </a>
             ))}
           </div>
         </div>

app/(loggedIn)/settings/form.tsx

@@ -67,10 +67,11 @@ export default function form({ userEmail }) {
 
   function SettingsSelector({ label, valueLabel }) {
     return (
-      <div className="">
-        <span>{label}</span>
+      <div style={{ display: "flex", alignItems: "center" }}>
+        {" "}
+        <span style={{ width: "100px" }}>{label}</span>{" "}
         <select
-          className="form-select"
+          className="form-select mt-2"
           aria-label={label}
           defaultValue={formState[valueLabel]}
           onChange={(e) =>
@@ -81,12 +82,14 @@ export default function form({ userEmail }) {
           }
           value={formState[valueLabel]}
         >
+          {" "}
           {Array.from({ length: 5 }, (_, index) => (
             <option key={index} value={index + 1}>
-              {index + 1}
+              {" "}
+              {index + 1}{" "}
             </option>
-          ))}
-        </select>
+          ))}{" "}
+        </select>{" "}
       </div>
     );
   }
@@ -99,10 +102,10 @@ export default function form({ userEmail }) {
           label={service.label}
         />
       ))}
-      <div className="">
+      <div style={{ display: "flex", alignItems: "center" }}>
         <span>AI Summary: </span>
         <select
-          className="form-select"
+          className="form-select ml-3 mt-2"
           aria-label="AI Summary"
           value={formState.AISummary}
           onChange={(e) =>

app/(loggedIn)/team/loading.tsx

@@ -32,7 +32,7 @@ async function loading({}) {
             <input
               className="form-control "
               type="email"
-              placeholder={`Teammate@${teamName.name.toLowerCase()}.com`}
+              placeholder={`Teammate@${teamName?.name.toLowerCase()}.com`}
               aria-label="Teammate email"
             />
             <button className="btn" type="button">

app/(loggedIn)/team/page.tsx

@@ -16,36 +16,34 @@ async function Team({}) {
   ]);
 
   return (
-    <div>
-      <div className="p-3">
-        <h1>Team</h1>
-        <div className="">
-          <div className="Subhead">
-            <h2 className="Subhead-heading">My Account</h2>
-            <div className="Subhead-description">Control your own account</div>
-          </div>
-          <div>
-            <p>{userEmail}</p>
-          </div>
+    <div className="Box">
+      <div className="Subhead px-3 py-2">
+        <h2 className="Subhead-heading">Team</h2>
+      </div>
+
+      <div className="p-3" style={{ flex: 1 }}>
+        <div className="mb-4">
+          <h3 className="Subhead-heading">My Account</h3>
+
+          <div className="text-gray">{userEmail}</div>
         </div>
-        <div className="">
-          <div className="Subhead">
-            <h2 className="Subhead-heading">My Team</h2>
-          </div>
-          <h3 className="Subhead-heading">Invite</h3>
+
+        <div>
+          <h3 className="Subhead-heading">My Team</h3>
 
           <AddTeammateButton teamName={teamName.name} />
+
           <SendInviteForm teamName={teamName.name} userEmail={userEmail} />
-          <h3 className="Subhead-heading">Teammates</h3>
+
+          <h4 className="mt-4 mb-2">Teammates</h4>
+
           {teammates?.length && (
             <div>
-              {teammates.map((teammate) => {
-                return (
-                  <div key={teammate.email}>
-                    <p>{teammate.email}</p>
-                  </div>
-                );
-              })}
+              {teammates?.map((teammate) => (
+                <div key={teammate.email} className="text-gray">
+                  {teammate.email}
+                </div>
+              ))}
             </div>
           )}
         </div>

app/(loggedIn)/team/sendInviteForm.tsx

@@ -36,7 +36,7 @@ export default function sendInviteForm({ teamName, userEmail }) {
       <input
         className="form-control "
         type="email"
-        placeholder={`Teammate@${teamName.toLowerCase()}.com`}
+        placeholder={`Teammate@${teamName?.name?.toLowerCase()}.com`}
         aria-label="Teammate email"
       />
       <button className="btn mx-2" type="submit" disabled={buttonDisabled}>