openedx / openedx/frontend-app-authoring

Improve copying asset URLs in devstack deployments

Open
#2,463 2 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

Dominant language
TypeScript
Stars
17
Forks
218
Avg merge
9d 20h
Merged PRs (30d)
20

Description

This issue was also raised at https://discuss.openedx.org/t/unable-to-copy-studio-or-web-url-in-frontend-app-authoring-teak-sumac-release/16980

Background: the web Clipboard API is only available in a secure context - ie. over https or served from localhost. For anything non-localhost domain served over http, the clipboard API is not available.

The trouble is that a standard Tutor devstack is served over http, from the local.openedx.io domain. This is fine for development, but the Clipboard API is not available.

Currently, frontend-app-authoring crashes in this case, where the Clipboard API is not available. It would be nice if it had a graceful fallback (eg. a notification that clipboard api is not available, or simply not displaying the "copy to clipboard" buttons).

Also it would be good if the full urls were shown somewhere; currently they are cut off with ellipsis, which currently makes it impossible to manually copy the url if the clipboard api is not available.

Contributor guide

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Research direction

Start by reproducing the asset URL actions in a standard Tutor devstack served over HTTP from local.openedx.io, then trace the frontend-app-authoring copy-to-clipboard controls. Done means the app no longer crashes when the Clipboard API is unavailable and users can still access full URLs or receive a clear fallback notification.

Written by the indexing model from the issue text.

Assessment

Tech stack
react, typescript
Domain
frontend, web-dev
Issue type
Bug
Difficulty
3/5
Estimated time
1-2 days
Activity status
Quiet
Clarity
Mostly clear
Newbie friendliness
55/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.