Preview (#541)

* Strong typing (#533)

* refactor: :recycle: get rid of continuedev.src.continuedev structure

* refactor: :recycle: switching back to server folder

* feat: :sparkles: make config.py imports shorter

* feat: :bookmark: publish as pre-release vscode extension

* refactor: :recycle: refactor and add more completion params to ui

* build: :building_construction: download from preview S3

* fix: :bug: fix paths

* fix: :green_heart: package:pre-release

* ci: :green_heart: more time for tests

* fix: :green_heart: fix build scripts

* fix: :bug: fix import in run.py

* fix: :bookmark: update version to try again

* ci: 💚 Update package.json version [skip ci]

* refactor: :fire: don't check for old extensions version

* fix: :bug: small bug fixes

* fix: :bug: fix config.py import paths

* ci: 💚 Update package.json version [skip ci]

* ci: :green_heart: platform-specific builds test #1

* feat: :green_heart: ship with binary

* fix: :green_heart: fix copy statement to include.exe for windows

* fix: :green_heart: cd extension before packaging

* chore: :loud_sound: count tokens generated

* fix: :green_heart: remove npm_config_arch

* fix: :green_heart: publish as pre-release!

* chore: :bookmark: update version

* perf: :green_heart: hardcode distro paths

* fix: :bug: fix yaml syntax error

* chore: :bookmark: update version

* fix: :green_heart: update permissions and version

* feat: :bug: kill old server if needed

* feat: :lipstick: update marketplace icon for pre-release

* ci: 💚 Update package.json version [skip ci]

* feat: :sparkles: auto-reload for config.py

* feat: :wrench: update default config.py imports

* feat: :sparkles: codelens in config.py

* feat: :sparkles: select model param count from UI

* ci: 💚 Update package.json version [skip ci]

* feat: :sparkles: more model options, ollama error handling

* perf: :zap: don't show server loading immediately

* fix: :bug: fixing small UI details

* ci: 💚 Update package.json version [skip ci]

* feat: :rocket: headers param on LLM class

* fix: :bug: fix headers for openai.;y

* feat: :sparkles: highlight code on cmd+shift+L

* ci: 💚 Update package.json version [skip ci]

* feat: :lipstick: sticky top bar in gui.tsx

* fix: :loud_sound: websocket logging and horizontal scrollbar

* ci: 💚 Update package.json version [skip ci]

* feat: :sparkles: allow AzureOpenAI Service through GGML

* ci: 💚 Update package.json version [skip ci]

* fix: :bug: fix automigration

* ci: 💚 Update package.json version [skip ci]

* ci: :green_heart: upload binaries in ci, download apple silicon

* chore: :fire: remove notes

* fix: :green_heart: use curl to download binary

* fix: :green_heart: set permissions on apple silicon binary

* fix: :green_heart: testing

* fix: :green_heart: cleanup file

* fix: :green_heart: fix preview.yaml

* fix: :green_heart: only upload once per binary

* fix: :green_heart: install rosetta

* ci: :green_heart: download binary after tests

* ci: 💚 Update package.json version [skip ci]

* ci: :green_heart: prepare ci for merge to main

---------

Co-authored-by: GitHub Action <action@github.com>

1 files changed, 15 insertions, 2 deletions

diff --git a/extension/react-app/src/components/Suggestions.tsx b/extension/react-app/src/components/Suggestions.tsx
index bdda7579..5779eea8 100644
--- a/extension/react-app/src/components/Suggestions.tsx
+++ b/extension/react-app/src/components/Suggestions.tsx
@@ -16,6 +16,7 @@ import { useSelector } from "react-redux";
 import { RootStore } from "../redux/store";
 import HeaderButtonWithText from "./HeaderButtonWithText";
 import { getFontSize } from "../util";
+import { usePostHog } from "posthog-js/react";
 
 const Div = styled.div<{ isDisabled: boolean }>`
   border-radius: ${defaultBorderRadius};
@@ -159,6 +160,7 @@ const TutorialDiv = styled.div`
 `;
 
 function SuggestionsArea(props: { onClick: (textInput: string) => void }) {
+  const posthog = usePostHog();
   const [stage, setStage] = useState(
     parseInt(localStorage.getItem("stage") || "0")
   );
@@ -207,8 +209,18 @@ function SuggestionsArea(props: { onClick: (textInput: string) => void }) {
             className="absolute right-1 top-1 cursor-pointer"
             text="Close Tutorial"
             onClick={() => {
-              console.log("HIDE");
               setHide(true);
+              const tutorialClosedCount = parseInt(
+                localStorage.getItem("tutorialClosedCount") || "0"
+              );
+              localStorage.setItem(
+                "tutorialClosedCount",
+                (tutorialClosedCount + 1).toString()
+              );
+              posthog?.capture("tutorial_closed", {
+                stage,
+                tutorialClosedCount,
+              });
             }}
           >
             <XMarkIcon width="1.2em" height="1.2em" />
@@ -219,8 +231,9 @@ function SuggestionsArea(props: { onClick: (textInput: string) => void }) {
                 disabled={!codeIsHighlighted}
                 {...suggestion}
                 onClick={() => {
-                  if (stage > 0 && !codeIsHighlighted) return;
+                  if (!codeIsHighlighted) return;
                   props.onClick(suggestion.textInput);
+                  posthog?.capture("tutorial_stage_complete", { stage });
                   setStage(stage + 1);
                   localStorage.setItem("stage", (stage + 1).toString());
                   setHide(true);