posthog icon indicating copy to clipboard operation
posthog copied to clipboard

Posthog Session Replays do not work with Figma Plugins

Open Prince-Mendiratta opened this issue 5 months ago • 0 comments

Bug Description

Bug description

Please describe. If this affects the front-end, screenshots would be of great help. Hi, I've been trying to integrate Posthog on my figma plugin, which is in react, but no matter what I'm unable to actually record anything. I can identify and detect users but session replays are not working. I have already enabled it on the dashboard and this is my config:

const options: Partial<PostHogConfig> = {
  api_host: 'https://us.i.posthog.com',
  debug: true,
  session_recording: {
    recordBody: true,
    recordCrossOriginIframes: true,
  },
  disable_persistence: true,
  cross_subdomain_cookie: true,
  persistence: 'memory',
  persistence_name: 'posthog',
  opt_out_capturing_persistence_type: 'cookie',
  verbose: true,
  person_profiles: 'always',
  disable_session_recording: false,
};

If you are on PostHog Cloud it would be really valuable if you can share any links where the problem occurs. This speeds up our ability to troubleshoot tremendously.

How to reproduce

  1. Create a figma plugin
  2. Try to integrate posthog provider
  3. Enable Session Replays
  4. Notice how it doesn't work out.

Additional context

This is the response from the /decide endpoint

{
    "config": {
        "enable_collect_everything": true
    },
    "toolbarParams": {},
    "isAuthenticated": false,
    "supportedCompression": [
        "gzip",
        "gzip-js"
    ],
    "featureFlags": {},
    "sessionRecording": {
        "endpoint": "/s/",
        "consoleLogRecordingEnabled": true,
        "recorderVersion": "v2",
        "sampleRate": null,
        "minimumDurationMilliseconds": null,
        "linkedFlag": null,
        "networkPayloadCapture": null,
        "recordCanvas": true,
        "canvasFps": 3,
        "canvasQuality": "0.4"
    },
    "errorsWhileComputingFlags": false,
    "featureFlagPayloads": {},
    "capturePerformance": {
        "network_timing": true,
        "web_vitals": true
    },
    "autocapture_opt_out": false,
    "autocaptureExceptions": false,
    "analytics": {
        "endpoint": "/i/v0/e/"
    },
    "__preview_ingestion_endpoints": true,
    "elementsChainAsString": true,
    "surveys": false,
    "heatmaps": true,
    "siteApps": []
}

Debug info

- [ ] PostHog Cloud, Debug information: [please copy/paste from https://us.posthog.com/settings/project-details#variables or https://eu.posthog.com/settings/project-details#variables]
- [ ] PostHog Hobby self-hosted with `docker compose`, version/commit: [please provide]
- [ ] PostHog self-hosted with Kubernetes (deprecated, see [`Sunsetting Kubernetes support`](https://posthog.com/blog/sunsetting-helm-support-posthog)), version/commit: [please provide]

Prince-Mendiratta avatar Aug 27 '24 20:08 Prince-Mendiratta