https://github.com/szymii/devformfiller

Extension to automaticly fill forms
https://github.com/szymii/devformfiller

extension-chrome pinia tailwind valibot vue3

Last synced: 14 days ago
JSON representation

Extension to automaticly fill forms

• Host: GitHub
• URL: https://github.com/szymii/devformfiller
• Owner: Szymii
• Created: 2024-04-13T17:08:13.000Z (7 months ago)
• Default Branch: master
• Last Pushed: 2024-05-21T05:23:16.000Z (6 months ago)
• Last Synced: 2024-10-04T21:11:45.821Z (about 1 month ago)
• Topics: extension-chrome, pinia, tailwind, valibot, vue3
• Language: TypeScript
• Homepage:
• Size: 233 KB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 1
• Metadata Files:
  • Readme: readme.md

Awesome Lists containing this project

README

        
# Dev Form Filler

## Running the Project

#### Linux/macOS:

```bash

$ pnpm dev

```

or to open extension as a web page

```bash

$ pnpm start

```

#### Windows:

```bash

$ pnpm dev:win

```

or to open extension as a web page

```bash

$ pnpm start:win

```

### After loading the extension into the browser

1. Navigate to the `example` folder:

```bash

$ cd example

```

2. Run the project in development mode:

```bash

$ pnpm dev

```

### Workflow

The form schema can be edited via the extension UI or by uploading a custom JSON file

```json

{

  "name": "schema name",

  "fields": [

    {

      "identifier": "field-id-1",

      "action": "fill",

      "value": "test input value"

    },

    {

      "identifier": "field-id-2",

      "action": "select",

      "value": ["option 1"]

    },

    {

      "identifier": "field-id-3",

      "action": "click"

    },

  ]

}

```

### In next iterations

- [ ] Support for async react select

- [ ] Ability to add timeout between

- [ ] Dragable elements during schema editing