2.4.1 Improvements (#40)

growthbook · Nov 8, 2023 · 5a3a4e2 · 5a3a4e2
1 parent 30cf6ac
commit 5a3a4e2
Show file tree

Hide file tree

Showing 55 changed files with 2,145 additions and 1,115 deletions.
diff --git a/devtools.d.ts b/devtools.d.ts
@@ -10,12 +10,31 @@ import {
   UpdateVisualChangesetPayload,
 } from "./src/background";
 
+declare global {
+  interface Window {
+    __gb_global_js_err?: (error: string) => void;
+  }
+}
+
 export type DebugLogs = [string, any][];
 
 export type CopyMode = "energetic" | "concise" | "humorous";
 
 export type ErrorCode = "csp-error" | BGErrorCode;
 
+export type CSPError = {
+  violatedDirective: string;
+};
+
+export interface VisualEditorVariation {
+  name: string;
+  description: string;
+  css?: string;
+  js?: string;
+  domMutations: APIDomMutation[];
+  variationId: string;
+}
+
 export interface APIExperiment {
   id: string;
   variations: {
@@ -31,9 +50,9 @@ export type APIExperimentVariation = APIExperiment["variations"][number];
 export interface APIVisualChangeset {
   id: string;
   urlPatterns: {
-    include?: boolean;
+    include: boolean;
     /** @enum {string} */
-    type: "simple" | "exact" | "regex";
+    type: "simple" | "regex";
     pattern: string;
   }[];
   editorUrl: string;

diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "gb-devtools",
-  "version": "0.3.2",
+  "version": "0.3.3",
   "private": true,
   "scripts": {
     "dev": "webpack --config webpack/webpack.dev.js --watch",
@@ -19,10 +19,12 @@
     "@chakra-ui/react": "^2.4.9",
     "@emotion/react": "^11.10.5",
     "@emotion/styled": "^11.10.5",
-    "@growthbook/growthbook": "^0.29.0",
+    "@growthbook/growthbook": "^0.30.0",
     "@medv/finder": "^2.1.0",
+    "@radix-ui/react-accordion": "^1.1.2",
+    "@radix-ui/react-tooltip": "^1.0.7",
     "clsx": "^1.2.1",
-    "dom-mutator": "^0.5.0",
+    "dom-mutator": "^0.6.0",
     "framer-motion": "^8.4.3",
     "json-stringify-pretty-compact": "^4.0.0",
     "lodash": "^4.17.21",

diff --git a/src/global.css b/src/global.css
diff --git a/src/visual_editor/DOMMutationList.tsx b/src/visual_editor/DOMMutationList.tsx
diff --git a/src/visual_editor/FloatingFrame.tsx b/src/visual_editor/FloatingFrame.tsx
diff --git a/src/visual_editor/SelectorDisplay.tsx b/src/visual_editor/SelectorDisplay.tsx
diff --git a/src/visual_editor/AICopySuggestor.tsx → ...ual_editor/components/AICopySuggestor.tsx b/src/visual_editor/AICopySuggestor.tsx → ...ual_editor/components/AICopySuggestor.tsx
@@ -2,8 +2,8 @@ import clsx from "clsx";
 import React, { FC, MouseEvent, useCallback, useEffect, useState } from "react";
 import TextareaAutosize from "react-textarea-autosize";
 import { BiLoaderCircle } from "react-icons/bi";
-import { CopyMode } from "../../devtools";
-import { TransformCopyFn } from "./lib/hooks/useApi";
+import { CopyMode } from "../../../devtools";
+import { TransformCopyFn } from "../lib/hooks/useAiCopySuggestion";
 
 const AICopySuggestor: FC<{
   parentElement: Element;

diff --git a/src/visual_editor/AIEditorSection.tsx → ...ual_editor/components/AIEditorSection.tsx b/src/visual_editor/AIEditorSection.tsx → ...ual_editor/components/AIEditorSection.tsx
diff --git a/src/visual_editor/AttributeEdit.tsx → ...isual_editor/components/AttributeEdit.tsx b/src/visual_editor/AttributeEdit.tsx → ...isual_editor/components/AttributeEdit.tsx
@@ -3,13 +3,7 @@ import { validAttributeName } from "dom-mutator";
 import React, { FC, useCallback, useState } from "react";
 import TextareaAutosize from "react-textarea-autosize";
 import { RxCross2, RxPlus, RxCheck } from "react-icons/rx";
-import { hoverAttributeName, selectedAttributeName } from "./lib/selectionMode";
-
-export const IGNORED_ATTRS = [
-  "class",
-  hoverAttributeName,
-  selectedAttributeName,
-];
+import { IGNORED_ATTRS } from "../lib/hooks/useEditMode";
 
 const isValidAttrName = (attrName: string) => {
   if (IGNORED_ATTRS.includes(attrName)) return false;

diff --git a/src/visual_editor/BackToGBButton.tsx → ...sual_editor/components/BackToGBButton.tsx b/src/visual_editor/BackToGBButton.tsx → ...sual_editor/components/BackToGBButton.tsx
@@ -3,8 +3,7 @@ import React, { FC } from "react";
 
 const BackToGBButton: FC<{
   experimentUrl: string | null;
-  children: React.ReactNode;
-}> = ({ experimentUrl, children }) => (
+}> = ({ experimentUrl }) => (
   <button
     className={clsx(
       "gb-w-full",
@@ -23,7 +22,7 @@ const BackToGBButton: FC<{
       }
     }}
   >
-    {children}
+    Back to GrowthBook
   </button>
 );
 

diff --git a/src/visual_editor/BreadcrumbsView.tsx → ...ual_editor/components/BreadcrumbsView.tsx b/src/visual_editor/BreadcrumbsView.tsx → ...ual_editor/components/BreadcrumbsView.tsx
diff --git a/...ditor/CSSAttributeEditor/CSSTextInput.tsx → ...nents/CSSAttributeEditor/CSSTextInput.tsx b/...ditor/CSSAttributeEditor/CSSTextInput.tsx → ...nents/CSSAttributeEditor/CSSTextInput.tsx
diff --git a/...isual_editor/CSSAttributeEditor/index.tsx → ...r/components/CSSAttributeEditor/index.tsx b/...isual_editor/CSSAttributeEditor/index.tsx → ...r/components/CSSAttributeEditor/index.tsx
@@ -1,4 +1,5 @@
 import React, { FC, useCallback, useEffect, useState } from "react";
+import { IconType } from "react-icons";
 import {
   BiAlignLeft,
   BiBold,
@@ -29,7 +30,6 @@ import { MdBorderColor } from "react-icons/md";
 import { TbFloatCenter } from "react-icons/tb";
 import styleToObject from "style-to-object";
 import CSSTextInput from "./CSSTextInput";
-import { IconType } from "react-icons";
 
 interface CSSAttribute {
   name: string;

diff --git a/src/visual_editor/ClassNamesEdit.tsx → ...sual_editor/components/ClassNamesEdit.tsx b/src/visual_editor/ClassNamesEdit.tsx → ...sual_editor/components/ClassNamesEdit.tsx