mattermost-community/focalboard

Feature Idea: Web-clipper as Chrome and Safari extension

Open

#438 opened on May 17, 2021

View on GitHub
 (1 comment) (0 reactions) (0 assignees)TypeScript (26,187 stars) (2,542 forks)user submission
EnhancementHacktoberfestHelp WantedUp for grabs

Description

Summary: Create a Chrome extension that lets you easily save links to websites to Focalboard

How important this is to me and why:

Importance: Medium

Use cases:

  1. Quickly add links to websites to create a mood board
  2. Quickly compile lists of resources for research

Additional context / similar features: Notion has a webclipper for Chrome and Safari.

Rough usage flow:

  • After installing, configure by specifying:
    • URL to Focalboard server (log-in)
    • Board to add links to
  • Click on the webclip button to create a new card with link as a property
  • P3: Insert screenshot of webpage as an image
  • Show link to open created card

What do you guys think? How important is a feature like this to you?

Contributor guide

Tech stack
javascripttypescripthtmlcss
Domain
frontendapi
Issue type
feature
DifficultyEstimated implementation difficulty for a new contributor, from 1 for very small changes to 5 for expert-level work.
4
Estimated timeA rough time range for an experienced contributor to investigate, implement, test, and prepare a pull request.
3-5 days
Activity statusHow available the issue appears right now: fresh, active, stale, blocked, or waiting on maintainer input.
stale
ClarityHow clearly the issue explains the expected change, acceptance criteria, and next step.
mostly clear
Prerequisites
Chrome extension API basicsJavaScript/TypeScriptFocalboard API basicsCSS for popup styling
Newbie friendlinessA 1-100 score estimating how approachable this issue is for first-time contributors.
35
Research direction
This issue proposes a browser extension. First, research Focalboard's REST API for authentication and creating cards. Study Chrome extension documentation (manifest v3) and Safari extension development. Reference the Notion web clipper for UX ideas. Since there are no existing PRs or comments, define a detailed plan starting with API endpoints and extension structure.