chext_fill_form_from_json

Chrome extension to fill a form from json
version: 1.0 date: 2021-12-17 author: bestia.dev repository: GitHub

Hashtags: #javascript #chromeextension

It is published on Google WebStore:
https://chrome.google.com/webstore/detail/chextfillformfromjson/gdgkhgfgpfhnmiebaedlcaignonmjobe

Filling long web forms with repeated data is boring, tedious, time consuming and error prone.
It is better to save this data as json and use it multiple times to fill the forms.
Json is a simple text format that is a standard for web communication.
It is human readable and easy to edit, copy, save, send,...
The extension supports string and number in json. The extension supports name and ng-reflect-name in html.

Security

This extension does not send any data over the network for security and privacy.
The extension can access only the active Tab.
It can get a json from an URL that you enter.
The source code is published on github and anybody can inspect it to see there is no malicious or dangerous code.

OpenSource

This is an open source application. It is free of charge as free beer - MIT Licence.
Anybody can use this application and its source code for their needs.
Sure I would be happy to drink a free beer for your health. You could donate a beer on https://paypal.me/LucianoBestia.

Example 1 : copy/paste json

Open the json data file: https://bestia.dev/chext_fill_form_from_json/form_example.json
and copy the json to the clipboard (ctrl+a, ctrl+c).
Open the webpage:
https://bestia.dev/chext_fill_form_from_json/form_example.html
start the extension and paste the data from the clipboard.
Click on Fill form from json.
Done.

Example 2 : Fill from URL

Open the webpage:
https://bestia.dev/chext_fill_form_from_json/form_example.html
start the extension and enter this URL: https://bestia.dev/chext_fill_form_from_json/form_example.json
Click on Fill form from URL.
Done.

json from local file

Chrome extensions cannot by default access the local file system because of security.
You can run a local web server on your machine only for one folder and then you can access it in the browser as http://localhost/.
The local web server is NOT accessible from the internet. Your files can be read only from your local machine.
There are many small and simple local web servers for example: https://github.com/TheWaWaR/simple-http-server/releases

Development

For development you can install it from the local disk.
In <chrome://extensions/> enable Developer mode and then use Load unpacked.

Publishing

Publishing a Chrome Extension to Chrome Web Store is fairly easy.
https://chrome.google.com/webstore/developer/dashboard

Open-source and free as a beer

My open-source projects are free as a beer (MIT license).
I just love programming.
But I need also to drink. If you find my projects and tutorials helpful, please buy me a beer by donating to my PayPal.
You know the price of a beer in your local bar ;-)
So I can drink a free beer for your health :-)
Na zdravje! Alla salute! Prost! Nazdravlje! 🍻

//bestia.dev
//github.com/bestia-dev
//bestiadev.substack.com
//youtube.com/@bestia-dev-tutorials