Save, share, generate and understand code snippets & concepts to boost your productivity during online research and problem-solving.

Latest Version

Version
3.0.5
Update
November 24, 2024
Size
15.15MiB
Developer
code.pieces.app
Category
Users
10,000+
Rating
4.52273 ★
Manifest Version
3
Web Store Status
Languages Support
English (United States)
See more
Permissions
SidePanel
ActiveTab
ContextMenus
Storage
Scripting
ClipboardWrite
See more

Pieces for Developers: Copilot & Code Capture Extension

Pieces for Developers ⎸ Web Extension

In 2022, our team set out on a journey to build the most advanced code snippet management and workflow context platform yet.

The debut release of our Flagship Desktop App got the ball rolling, and now our Web Extension aims to take developers' productivity to the next level, incorporating key capabilities and our users favorite features directly into their browser.

Take your coding research & problem-solving in the browser to the next level with the Pieces Copilot. Interact with the copilot from any webpage right within your browser’s side panel. Ask questions about code or content on a page, gain clarity on keywords or patterns within code snippets, ask Pieces Copilot to generate a sample using an SDK you’re researching, and even use it to help you understand PRs.

Plus, as you navigate your workflow, the Pieces Web Extension allows you to effortlessly capture, manage, share, and discover code snippets & other developer materials, such as code screenshots, with the click of a button.

The Pieces Web Extension will become your go-to development partner transforming your workflow with efficiency and organization.

**Getting Started**

To use the Pieces Web Extension, you must have Pieces OS installed. Pieces OS is our background service running offline and on-device required to enable:

- Individual products in the Pieces for Developers Suite to communicate
- Local, Private, and Secure Machine Learning Models
- Real-Time Search and Suggestions

Pieces OS installation comes with the Pieces for Developers Desktop App where your saved snippets and Pieces Copilot conversations can also be viewed and managed.

**Features**

● Pieces Copilot - Your AI companion in browser

Found a snippet but don’t know what it does? Ask Pieces Copilot, which is designed to help you get the most out of your time in the browser.

Easily access Pieces Copilot by clicking on the “Ask Copilot” button when hovering over code blocks, or from context menu Pieces actions on your selections.

You can even choose between local, cloud, and custom LLMs to power Pieces Copilot. Simply, go to the runtime model configuration window from the chats screen and change the model to one you would like to use. Our list of models is extensive including ChatGPT, GPT-4, Llama 2, PaLM 2, and more. Our extension can work with local models even when you’re offline.

● Save Valuable Code

Found a useful snippet that you want to save for later or keep reference of? We've got you. With the Pieces Web Extension, you can effortlessly save things like Boilerplate/Reference Snippets, Common Bash/Powershell Commands, CI/CD Configurations, HTTP Requests, Screenshots, Architecture/UML Diagrams, Text Notes, and a wealth of other resources.

Everything you save to your personal Pieces repository is automatically enriched with useful context and metadata like a title, description, tags, related links, the origin URL, and more, ensuring fast search-ability and simplified organization.

Once saved, snippets are available through all Pieces integrations, including the Pieces Desktop App, and stored in Pieces OS.

Ways to save:

1. Highlight code/text and right-click > \"Pieces\" > \"Save Selection\"
2. Highlight code/text and use the keyboard shortcut:
- macOS (CMD + Shift + S)
- Windows (Alt + Shift + S)
3. Use one of the Pieces embedded buttons

● Single-Click Snippet Sharing

With a single click, generate a shareable link for any code snippet or block of text you encounter around the web, complete with relevant context - tags, descriptions, the origin website, and more!

Recipients of the link will be able to view the snippet along with its' context in the Pieces Sharing Web Application.

● Discover Snippets Anywhere You Go

Ever had a feeling you’re scrolling for a lifetime? When you only want to find that one snippet hidden somewhere deep down in these conversations. It’s frustrating, right?

Pieces Web Extension to rescue! It’ll surface any snippets it discovers on sites and enrich them with helpful context, so you can get that one nasty bug fixed ASAP 😌

For detailed descriptions and features of the Pieces Web Extension and other Pieces products, visit our documentation at https://docs.pieces.app.

**Recent Updates**

● v2.8.6 - January 5, 2024 - Bug fixes

- Discovered snippets language identification fixes.

● v2.8.5 - December 16, 2023 - Change Copilot Runtime

- Change Copilot Runtime Model to chat with various different LLM's
- Control which action buttons to show/hide around embedded code block buttons
- Bug fixes and performance improvements for a better user experience

View all updates at https://code.pieces.app/updates.

**Support & Feedback**

Experience an issue or have feedback for the team? We'd love to hear from you. Head over to https://docs.pieces.app/support to find the best way to get in touch.

**Community**

Want to stay in-the-loop with all things Pieces, and collaborate with developers around the world on a multitude of topics? Join our growing Discord community via https://discord.gg/getpieces and be sure to follow us on social media!
Read more

Source Manifest.json

{"update_url": "https://clients2.google.com/service/update2/crx", "manifest_version": 3, "name": "Pieces for Developers: Copilot & Code Capture", "short_name": "Pieces", "version": "3.0.5", "description": "Save, share, generate and understand code snippets & concepts to boost your productivity during online research and problem-solving.", "author": "Rutvik Tak", "homepage_url": "https://pieces.app", "icons": { "16": "/images/icons/icon16.png", "128": "/images/icons/icon128.png" }, "side_panel": { "default_path": "index.html" }, "action": { "default_title": "Pieces Web Extension", "default_icon": { "16": "/images/icons/icon16.png", "24": "/images/icons/icon32.png", "32": "/images/icons/icon32.png", "48": "/images/icons/icon48.png", "96": "/images/icons/icon96.png", "128": "/images/icons/icon128.png" } }, "commands": { "savePiece": { "suggested_key": { "default": "Alt+Shift+S", "mac": "Command+Shift+S" }, "description": "Save the highlighted text as a snippet." } }, "content_security_policy": { "extension_pages": "script-src 'self' 'wasm-unsafe-eval'; object-src 'self'; script-src-elem 'self';" }, "content_scripts": [ { "js": [ "content.js", "content.dart.js" ], "matches": [ "" ], "run_at": "document_idle", "all_frames": false } ], "background": { "service_worker": "background.js", "type": "module" }, "permissions": [ "sidePanel", "activeTab", "contextMenus", "storage", "scripting", "clipboardWrite" ], "host_permissions": [ "https://*/*", "http://*/*" ], "web_accessible_resources": [ { "resources": [ "index.html", "highlighter.js" ], "matches": [ "" ] } ]}
Read more

How to download and manually install Pieces for Developers: Copilot & Code Capture extension for Chrome

Looking for a way to install Pieces for Developers: Copilot & Code Capture extensions for Chrome, you can search for them in the Chrome Web Store, clicking the "Add to Chrome" button, and following the straightforward process.

However, you may need to install Pieces for Developers: Copilot & Code Capture extensions manually, this article outlines two simple methods to effortlessly install Pieces for Developers: Copilot & Code Capture extensions, whether they come as unpacked folders in compressed formats like .zip or as .crx files.

Method 1: Download Pieces for Developers: Copilot & Code Capture extension and manually install through Drag &Drop

If you ever need to manually install a Pieces for Developers: Copilot & Code Capture extension for Chrome, don't worry, it's a simple process. Just follow these easy steps, and you will have your extension ready to use in no time.

Step 1: Download the Pieces for Developers: Copilot & Code Capture Extension by clicking the "Download CRX" button on the website.

Look for the Pieces for Developers: Copilot & Code Capture extension you wish to install. Go to the website and download the Pieces for Developers: Copilot & Code Capture extension package, which is usually a .CRX file and comes in a zipped file. Here ".crx" file is the format for Pieces for Developers: Copilot & Code Capture extension that contains all the data.

Step 2: Extract &Arrange Files

Once the file is downloaded, extract that file into its own folder. Similarly, give that extension files a permanent home. In other words, keep it in a folder that you don't accidentally delete it because these files will be needed to make that extension work.

Step 3: Go to the Chrome Extensions Page

Open Google Chrome and in the address bar, type chrome://extensions; it will open the Google Chrome extensions page. Make sure that "My extensions" is selected in the sidebar.

Step 4: Drag and Drop the Extension

Now, go to the folder where you extracted the Pieces for Developers: Copilot & Code Capture extension and drag &drop the extension file from there anywhere onto the extension page within Google Chrome.

Step 5: Complete the Installation

Once you drag and drop the extension file, follow the steps that Google Chrome takes you through. Similarly, if the extension file is of .crx file format, you will be required to review the permissions and then add the extension.

Now, you can manage that added extension as you would like to with any other Chrome extension that you added through Chrome Webstore. Its icon will also appear in the Google Chrome Menu on the right side of the address bar once you activate it.

Method 2: Download Pieces for Developers: Copilot & Code Capture extension for Chrome and install in Developer Mode

This is another method to install Pieces for Developers: Copilot & Code Capture extension manually, but the twist is that here, you install by enabling the developer mode option provided in Google Chrome. This mode is commonly used for testing extensions or running unpublished tools.

Step 1: Download the Pieces for Developers: Copilot & Code Capture extension file

Select and download the Pieces for Developers: Copilot & Code Capture extension by clicking the 'Download CRX' button on the website.

Step 2: Extract the downloaded contents

Convert the file to a ZIP file if it is in CRX format then extract the Pieces for Developers: Copilot & Code Capture extension zip file or folder that you downloaded. Make sure you extract it using the same folder name and keep it safely in another folder, so you don't delete it by mistake. The extracted folder will be needed to keep your Pieces for Developers: Copilot & Code Capture extension running.

Step 3: Open Chrome Extension Setting Page

In the address bar of Google Chrome, type chrome://extensions and open the Chrome Extension Page.

Step 4: Enable Developer Mode

After opening the Chrome Extension page, look at the top right side, and you will find the toggle option of "Developer mode."Simply enable that developer mode option.

Step 5: Load the Unpacked Extension

Once you enable the developer mode option, you will see the menu of Load Unpacked, Pack Extensions and Update. From that, select the option "Load unpacked."

Step 6: Select the Extension Folder

Once the pop-up opens upon clicking Load unpacked, select the Pieces for Developers: Copilot & Code Capture extension directory and click on the "Select Folder "button.

Step 7: Confirm and Install

After you select an extension folder of a Google Chrome extension you're installing manually, confirm its installation for the final time and let the installation complete.

Conclusion

Here we've made a step-by-step guide on How to manually install Pieces for Developers: Copilot & Code Capture extension in 2 ways. We hope this guide proves helpful.

Similar Extensions

icon

Save Code Extension · Developer Tools 10,000+ 14 ★ 116KiB

icon

Open in VSCode Extension · Developer Tools 10,000+ 4 ★ 60.87KiB

icon

daily.dev | The homepage developers deserve Extension · Developer Tools 10,000+ 2460 ★ 2.28MiB

icon

SquareX: Be Secure, Anonymous, Private Online Extension · Productivity 10,000+ 874 ★ 2.68MiB

icon

Codeium: AI Code Autocompletion on all IDEs Extension · Developer Tools 10,000+ 196 ★ 342KiB

icon

LeetCode Video Solutions Extension · Productivity 10,000+ 72 ★ 84.69KiB

icon

GitHub Web IDE Extension · Developer Tools 10,000+ 22 ★ 114KiB

icon

Raycast Companion Extension · Productivity 10,000+ 23 ★ 289KiB

icon

Motion DevTools Extension · Developer Tools 10,000+ 8 ★ 788KiB

icon

VisBug Extension · Developer Tools 10,000+ 252 ★ 5.38MiB

icon

Grepper Extension · Developer Tools 10,000+ 405 ★ 1.41MiB

icon

Hoverify Extension · Developer Tools 10,000+ 145 ★ 14.54MiB

icon

Refined GitHub Extension · Developer Tools 10,000+ 213 ★ 572KiB

icon

Gimli Tailwind Extension · Developer Tools 10,000+ 33 ★ 151KiB

icon

Omni - Bookmark, History, & Tab Manager Extension · Productivity 10,000+ 63 ★ 1.91MiB

icon

Material Icons for GitHub Extension · Developer Tools 10,000+ 77 ★ 1.05MiB

icon

Hackertab.dev - developer news Extension · Developer Tools 10,000+ 168 ★ 525KiB

icon

MarkDownload - Markdown Web Clipper Extension · Productivity 10,000+ 146 ★ 403KiB

icon

Obsidian Web Extension · Productivity 10,000+ 67 ★ 641KiB

icon

Omnivore Extension · Productivity 10,000+ 54 ★ 158KiB

icon

Leetcode Explained Extension · Productivity 10,000+ 24 ★ 757KiB

icon

Vercel Extension · Developer Tools 10,000+ 24 ★ 34.3KiB

icon

CSS Scan Extension · Developer Tools 10,000+ 84 ★ 1.41MiB

icon

Fabric web clipper – save anything from the web Extension · Productivity 10,000+ 28 ★ 2.59MiB

User reviews

icon

Gino Côté (onigetoc) (ID: 0000005a04accd66) Voted 4 ★ - Updated 10/30/2023 This extension make JSfiddle disallow me to write code in it.

icon

David Mounthill (ID: 0000003d6409721c) Voted 5 ★ - Updated 10/17/2023 It's an essential toolkit for anyone who often finds valuable code snippets while browsing the web. With its one-click save feature, the extension takes the hassle out of storing and organizing these snippets. Simply hover over a code block and click, or use keyboard shortcuts to save snippets instantly. What sets it apart is its automated enrichment of saved snippets—capturing the source URL, generating a description based on the webpage content, classifying the code's language, and tagging for easy search. In today's fast-paced development cycle, Pieces offers a practical and intelligent solution that streamlines coding workflows. Highly recommended.

icon

Владлен Кузнецов (ID: 00000095e6fde045) Voted 5 ★ - Updated 10/11/2023 It's amazing how many great technologies they were able to make work together, in one plugin. This is a very handy software that I use every day and have already recommended it to all my colleagues!

icon

Aaron Goselin (ID: 000000675a5abef9) Voted 3 ★ - Updated 09/23/2023 Absolutely destroys the performance of my laptop. Immediately after installing this extension my computer started acting sluggish. This got worse and worse. I looked into what could be causing it and found the extension to be eating tons of RAM (over 600MB) and performing read / write ops of 2-6MB/s.

icon

Artem Halushko (ID: 0000003caf43796c) Voted 1 ★ - Updated 09/16/2023 It requires a 2gb background process for work