Skip to content
Cody edited this page Jan 3, 2024 · 9 revisions

Usage

Selecting/unselecting Items to Copy

  1. Open the extension popup window on the desired tab.
  2. The left hand column contains of all the items in this tabs session storage.
  3. Keys with a checkmark next to them are selected to be copied and keys with an 'X' are not to be copied.
  4. You can select or unselect individual items by clicking on the checkmark/'X' icon OR by click the select all/unselect all buttons.

Copying/Pasting Items

  1. Open the extension popup window on the desired tab.
  2. Select/unselect all the keys of the desired items to copy.
  3. Click the Copy button.
  4. Go to the tab you wish to paste the copied items and open the extension popup window.
  5. Click the Paste button. You should now see the new items pasted into session storage.

Viewing Item Values

All session storage item values can be viewed in the right hand column. By default the first key is selected and displayed. To view a different items values locate and click on that items key in the left hand column.

Most items will immediately be displayed in the grid with the following exceptions:

  • Objects will be collapsed and you must click on the object in the right hand column to expand/collapse it.
  • Arrays will be collapsed and you must click on the array in the right hand column to expand/collapse it.

Development

Docker

NOTE: This assumes you have docker pre-requisites installed and configured on your local machin.

  • Run the following command to setup docker for the first time on your local machine docker-compose up --build --no-recreate -d
  • Any time after that run the following command to start the container on your local machine docker-compose up -d
  • Use the following command to verify the container is running docker-compose ps

Use the following commands to step into the docker shell and then you can build the application: docker exec -it vite_docker sh npm i && npm run build

Some other useful commands:

  • If the container is already running and you can't seem to start it up or access it you can remove it and recreate it with docker rm vite_docker
  • You can start dev mode to view your extension with npm run dev. NOTE: this is nice for UI/UX stuff but likely wont be functional with chrome api's etc....
  • If you are in the docker shell you can exit with exit
  • To fully test the functionality you will have to build the extension on your local and then install it to your browser and test it from their using dev tools, chrome extension manager, etc....

Clone this wiki locally