adds experiment flag for annotations

Author: c298lee

packages/core/src/types-hoist/feedback/config.ts

@@ -57,6 +57,15 @@ export interface FeedbackGeneralConfiguration {
     name: string;
   };
 
+  /**
+   * _experiments allows users to enable experimental or internal features.
+   * We don't consider such features as part of the public API and hence we don't guarantee semver for them.
+   * Experimental features can be added, changed or removed at any time.
+   *
+   * Default: undefined
+   */
+  _experiments: Partial<{annotations: boolean;}>
+
   /**
    * Set an object that will be merged sent as tags data with the event.
    */

packages/feedback/src/core/integration.ts

@@ -84,6 +84,7 @@ export const buildFeedbackIntegration = ({
       email: 'email',
       name: 'username',
     },
+    _experiments = {},
     tags,
     styleNonce,
     scriptNonce,
@@ -158,6 +159,8 @@ export const buildFeedbackIntegration = ({
       onSubmitError,
       onSubmitSuccess,
       onFormSubmitted,
+
+      _experiments,
     };
 
     let _shadow: ShadowRoot | null = null;

packages/feedback/src/screenshot/components/ScreenshotEditor.tsx

@@ -395,14 +395,16 @@ export function ScreenshotEditorFactory({
     return (
       <div class="editor">
         <style nonce={options.styleNonce} dangerouslySetInnerHTML={styles} />
-        <button
-          class="editor__pen-tool"
-          style={{ background: isAnnotating ? 'red' : 'white' }}
-          onClick={e => {
-            e.preventDefault();
-            setIsAnnotating(!isAnnotating);
-          }}
-        ></button>
+        {options._experiments.annotations && (
+          <button
+            class="editor__pen-tool"
+            style={{ background: isAnnotating ? 'red' : 'white' }}
+            onClick={e => {
+              e.preventDefault();
+              setIsAnnotating(!isAnnotating);
+            }}
+          ></button>
+        )}
         <div class="editor__canvas-container" ref={canvasContainerRef}>
           <div
             class="editor__crop-container"