maxscott / procore-navigator

Backslash-driven power-user tools for navigating companies and projects

Procore Navigator

Navigate Procore at lightning speed with a couple keystrokes.

This project uses Vite and crxjs to build the extension.

Development

Clone repository

git clone [e-mail]:maxscott/procore-navigator.git

Install dependencies

yarn

Build extension

yarn build

Load extension

1. Navigate to chrome://extensions/
2. Turn on the "Developer mode" toggle switch in the top right of the window
3. Click the "Load unpacked" button in top left of the window
4. Go to the react-content-script directory and select the dist directory to load the extension
5. Navigate to https://blank.org/ to see the Content Script React app
6. Go to extensions and click "React TypeScript Chrome Extension" to see the Popup React app

Popup

The popup source code is at the root directory.

Content Script

The content script source code is in the content-script directory.

Background

This repository was based on the work described in the blog post How to inject a React app into a Chrome Extension as a Content Script.