UI Overview

Main View

Screenshot of Main View

1. Run config
2. Save config to browser storage
3. Load config to from a file
4. Save config to a file.
5. Reset defined fields.
6. Status indicator. Statuses are defined in src/types.ts
7. Show logs.
8. Selector for container for individual items.
9. Start interactive element picker.
10. Delete field.
11. Start interactive element picker.
12. Switch to array selection for this field.
13. Results section.
14. Download extracted data
15. Copy extracted data
16. Show results in a fullpage
17. Clear results
18. Show results as JSON

Config View

Screenshot of Config Tab

1. Pagination section. See src/types:PaginationConfig for definition.
2. Extraction options section. See src/types:ExtractionOptions for definition.
3. Metadata section. See src/types:Metadata for definition.
4. Variables section. Not implemented

Pagination Section

None pagination. This is the default.

Screenshot of none tab of pagination section

Next button pagination. Element is triggered with .click() during navigation.

Screenshot of next button tab of pagination section

1. Selector for next button.
2. Maximum number of pages to navigate.
3. Test navigation by moving to the next page.

Page links pagination.

Screenshot of page links tab of pagination section

1. Input for links to navigate to. One per line
2. Test navigation by moving to the next page.

URL template pagination.

Screenshot of URL template tab of pagination section

1. Input for URL template. The template is used to create the URL for the next page.
2. Start page number
3. Increment
4. Maximum number of pages to scrape

Library View

Screenshot of Library Tab

1. Rename saved configuration.
2. Delete saved configuration.
3. Show JSON configuration
4. Load configuration into sidebar

Fullpage Results

Screenshot of Fullpage results

1. Results tab
2. Logs tab
3. JSON data tab
4. Download results data in different formats
5. Copy results data in different formats