Monitor and manage JSON data directly within your Bubble app. Real-time JSON creation and manipulation for seamless data handling. JSON Creator #data #json Plugin allows effortless integration and manipulation of JSON data, enhancing user experience by enabling dynamic and structured data management within your application.
Use the JSON Creator element to generate and edit JSON data effortlessly. The plugin actions and states return essential information such as the current JSON structure, allowing for real-time updates and changes. On JSON data change, the plugin can trigger workflows, enabling dynamic responses and interactions within your application.
The plugin also provides states that reflect the current JSON structure and content, ensuring users can always manage and utilize structured data efficiently. Implement workflows based on JSON data conditions, improving app functionality and user engagement by responding to data-driven events.
This action allows to create a JSON Object with your desired keys and values. The output of this action will return a JSON object as a string.
Title
Description
Type
Texts
Add a string to your JSON output.
Text, Required
Numbers
Add a number to your JSON output.
Number, Required
Booleans
Add a boolean to your JSON output.
Boolean, Required
Dates
Add a date to your JSON output.
Date, Required
Locations
Add a geographic location to your JSON output.
Geographic Address, Required
2) 🛠️ Append To Array
This action allows you to insert an array of new values to an existing JSON Object to the end or for a key inside the object. The output of this action will return the updated JSON containing the array entry. For example, if we want to add to this json:
json
{"name":"John Doe","age":30}
a new key “parents” with an array of values of “mom” we would do it as in the image below. The output will look like this:
The key in the object to use for the array. If the key doesn't exist it will be created.
Text, Required
Entry
The entry to append to the array. Can be any valid JSON.
Text, Required
3) 🛠️ Create Empty Object
Creates an empty JSON Object
4) 🛠️ Create Empty Array
Creates an empty Array
5) 🛠️ Array From List
This action allows to insert in the JSON Object an values from a list. The output of this action will return the updated JSON containing the array entries. For example if we want to add to this object:
The key in the object to use for the array. If the key doesn't exist it will be created.
Text, Required
Entry
The entry to append to the array. Can be any valid JSON.
Text, Required
6)🛠️ Append Object
This action allows to create a objects inside an existing JSON Object. The output of this action will return the updated JSON containing the nested object. For example, if we want to add to this json:
json
{"name":"John Doe","age":30}
a new object “parents” iwith of values of “mom” and “dad” we would do it as in the image below.
The output will look like this:
The key in the object to use for the object. If the key doesn't exist it will be created.
Text, Required
Object
The json object to append to this parent object.
Text, Required
7)🛠️ Objects From List
This action allows to insert inside an existing JSON Object new objects from a list. The output of this action will return the updated JSON containing the nested object. For example, if we want to add to this json:
json
{"name":"John Doe","age":30}
new object “parents” and “fruits we would do it as in the image below with arbitrary text.
The output will look like this:
The key in the object to use for the array. If the key doesn't exist it will be created.
Text, Required
Entries
The list of entries to append to the array. Can be any valid JSON.
Text, Required
8) 🛠️ Text To Key
Turns any single text into a suitable JSON key. For example "First Name" becomes "first_name".
Title
Description
Type
Input Text
The input text to convert into a JSON suitable key.
Text, Required
9) 🛠️ Text To Keys
Turns a list of texts into a list of suitable JSON keys. For example "First Name" becomes "first_name".
Title
Description
Type
Input Text
The input text to convert into a JSON suitable key.
Text, Required
10)🛠️ Append Array From List
Inserts inside an existing JSON Object a list of values. The output of this action will return the updated JSON containing the array entries. For example, if we want to add to this json:
json
{"name":"John Doe","age":30,“favoritefruits”:[]}
values to “favoritefruits” with an array of values of "Grapefruit","Pineapple","Cherry” we would add the items in an arbitrary text and split them to create an array.
The output will look like this:
