Skip to content

Commit 49f97db

Browse files
committed
fix: Update the picture link
1 parent 8a9fbb7 commit 49f97db

File tree

12 files changed

+27
-27
lines changed

12 files changed

+27
-27
lines changed

docs/reference/condition-builder.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -14,7 +14,7 @@ For the value you want to compare, you can write [expressions](../workflow/expre
1414
#### Value prefix
1515
This prefix is a convention used to indicate the data type of a value. It can be used to convert a value to the corresponding data type. For example, the "string::" prefix can be used to convert a value to a string type, and "number::" can be used to convert a value to a numeric type.
1616

17-
![Prefix example](https://res.cloudinary.com/chat-story/image/upload/v1673597971/automa/NVIDIA_Share_eyqm3SIAKx_kiot08.png)
17+
![Prefix example](https://s3.ap-southeast-1.amazonaws.com/automa-pub/i/2024/12/02/17dnu8-jb.png)
1818

1919
Available prefix:
2020
- `string::`: convert the value to a string.

docs/reference/packages.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -35,6 +35,6 @@ To define the inputs and the outputs of the block, you only need to right-click
3535

3636
And you'll see the inputs and outputs of the package block when using it in a workflow.
3737

38-
![Package block with IO](https://res.cloudinary.com/chat-story/image/upload/v1662342600/automa/chrome_emrfNdNVz0_jgecef.png)
38+
![Package block with IO](https://s3.ap-southeast-1.amazonaws.com/automa-pub/i/2024/12/02/17b5bh-2q.png)
3939

4040
And when you connect a block to one of the package block inputs, Automa will start executing from the block you set as the input in the package.

docs/reference/storage.md

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -8,11 +8,11 @@ The storage is used to store the data of the tables and variables. The data that
88
## Tables
99
To add a [table](../workflow/table.md) to the storage, click the "Add table" button and then define the name and columns of the table.
1010

11-
![adding storage table](https://res.cloudinary.com/chat-story/image/upload/v1656735869/automa/NVIDIA_Share_ZYqbANNey2_cvmvt1.png)
11+
![adding storage table](https://s3.ap-southeast-1.amazonaws.com/automa-pub/i/2024/12/02/173ht5-m8.png)
1212

1313
And to use this table in a workflow, open the workflow table and click the "connect to a storage table" button.
1414

15-
![connecting storage table](https://res.cloudinary.com/chat-story/image/upload/v1656736642/automa/NVIDIA_Share_qWlIzKSYIx_cvxe6w.png)
15+
![connecting storage table](https://s3.ap-southeast-1.amazonaws.com/automa-pub/i/2024/12/02/173ht4-o6.png)
1616

1717
::: tip Note
1818
Learn more about Table on the [Table page](../workflow/table.md)
@@ -21,11 +21,11 @@ Learn more about Table on the [Table page](../workflow/table.md)
2121
## Variables
2222
You can add a variable from the variables page in the storage or from a workflow. Every time you want to assign or read the value of a variable, the variable name must start with a double dollar sign (`$$`). It's to differentiate between the storage variable and the workflow variable. For example, adding or updating a variable from a block.
2323

24-
![assign storage variable](https://res.cloudinary.com/chat-story/image/upload/v1656738020/automa/NVIDIA_Share_lGV2S0XYJE_y6qs8h.png)
24+
![assign storage variable](https://s3.ap-southeast-1.amazonaws.com/automa-pub/i/2024/12/02/173ht4-ts.png)
2525

2626
Access the variable in a block.
2727

28-
![access storage variable](https://res.cloudinary.com/chat-story/image/upload/v1656738064/automa/NVIDIA_Share_XTiF5TkhOX_wxfkgd.png)
28+
![access storage variable](https://s3.ap-southeast-1.amazonaws.com/automa-pub/i/2024/12/02/173ht5-bs.png)
2929

3030
::: tip Note
3131
Learn more about Variable on the [Variable page](../workflow/variables.md)

docs/reference/workflow-common-errors.md

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -8,7 +8,7 @@ Some common errors when running a workflow and how to solve it.
88
## Can't find an element with "{selector}" selector {#element-not-found}
99
This error happened because the element selector doesn't match with any elements on the page. For this case, you can check whether the elements exist on the page using the Element Exist block or enable the "Wait for selector" option in the element selector options.
1010

11-
![Wait for selector option](https://res.cloudinary.com/chat-story/image/upload/v1663575029/automa/chrome_xzwsxBADvq_f5povx.png)
11+
![Wait for selector option](https://s3.ap-southeast-1.amazonaws.com/automa-pub/i/2024/12/02/17g8kk-gi.png)
1212

1313
## Can't find a tab with "{pattern}" patterns {#no-match-tab}
1414
The Match Patterns you input don't match with any URLs tab. See how to write match patterns on the [MDN page](https://developer.mozilla.org/en-US/docs/Mozilla/Add-ons/WebExtensions/Match_patterns#examples).
@@ -23,7 +23,7 @@ This happened because the block you're trying to use requires an active tab to w
2323

2424
To solve this, you can either use a [New Tab block](/blocks/new-tab.md) or an [Active Tab block](/blocks/active-tab.md) before the block you're trying to use.
2525

26-
![no tab](https://res.cloudinary.com/chat-story/image/upload/v1663569336/automa/chrome_D5csgMXyoj_okm03f.png)
26+
![no tab](https://s3.ap-southeast-1.amazonaws.com/automa-pub/i/2024/12/02/17g8kk-x0.png)
2727

2828
## "{url}" is invalid URL {#invalid-active-tab}
2929
This error will occur when the value that you input is not a valid URL. A valid URL must start with `http` or `https` like "https://example.com".

docs/workflow/debug-mode.md

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -10,17 +10,17 @@ And the debug mode is only available in the chromium version of Automa.
1010
## Activate Debug Mode
1111
There are two ways to activate the debug mode, the first is by going to the workflow settings, and the second is by going to the block settings. When you enable the debug mode in the workflow settings, Automa will use CDP API on the whole block.
1212

13-
![workflow settings](https://res.cloudinary.com/chat-story/image/upload/v1666082112/automa/chrome_K7BmBkZ2gZ_o7k6fi.png)
13+
![workflow settings](https://s3.ap-southeast-1.amazonaws.com/automa-pub/i/2024/12/02/16oapo-0c.png)
1414

1515
And if you only want to use the debug mode in a specific block, you can enable it in the block settings.
1616

1717
## When to Use It
1818
You can use the debug mode when you want to type text on a website, but the text field uses a WYSIWYG editor, for example, typing a tweet in the editor or writing a message in Discord using the [Forms block](../blocks/forms.md).
1919

20-
![Block settings](https://res.cloudinary.com/chat-story/image/upload/v1666146988/automa/chrome_EJW6qAdZCn_hqacml.png)
20+
![Block settings](https://s3.ap-southeast-1.amazonaws.com/automa-pub/i/2024/12/02/16oapn-0l.png)
2121

2222
Or when you want to perform a click action using an X and Y coordinate using the [Trigger Event block](../blocks/trigger-event.md).
2323

24-
![Trigger event block](https://res.cloudinary.com/chat-story/image/upload/v1666147104/automa/chrome_z5Ib6JPWpR_ykdl3x.png)
24+
![Trigger event block](https://s3.ap-southeast-1.amazonaws.com/automa-pub/i/2024/12/02/16oapo-9u.png)
2525

2626
Automa isn't able to emulate typing or clicking on those situation by using JavaScript API.

docs/workflow/element-selector.md

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -22,7 +22,7 @@ Mark the element that has been selected. Meaning that the element will not be se
2222

2323
For example, when you have a workflow like this
2424

25-
![Workflow example](https://res.cloudinary.com/chat-story/image/upload/v1642405439/automa/B2cPsIplxO_m06lfr.png)
25+
![Workflow example](https://s3.ap-southeast-1.amazonaws.com/automa-pub/i/2024/12/02/16sv6t-9g.png)
2626

2727
and the [Get Text block](/blocks/get-text.md) using `.text` as the element selector, and the website [DOM tree](https://en.wikipedia.org/wiki/Document_Object_Model).
2828

@@ -55,11 +55,11 @@ Automa Element Selector
5555

5656
In the Automa Dashboard, click the <v-remixicon name="riFocus3Line" /> button on the sidebar, And Automa will inject an element picker into the current page. You can click or press the `Space` key to select an element. It will automatically generate a selector for the selected element.
5757

58-
![Element picker](https://res.cloudinary.com/chat-story/image/upload/v1666151274/automa/chrome_Kd5yzW80tf_sq2oxp.png)
58+
![Element picker](https://s3.ap-southeast-1.amazonaws.com/automa-pub/i/2024/12/02/16sv6u-n6.png)
5959

6060
And you'll find the "Select an element" button when editing a block. When you click it, it will inject the element picker to the current page, select an element, and click the "Select element" button in the element picker.
6161

62-
![Select an element button](https://res.cloudinary.com/chat-story/image/upload/v1666151714/automa/chrome_xQ16a4tU8v_etyuxh.png)
62+
![Select an element button](https://s3.ap-southeast-1.amazonaws.com/automa-pub/i/2024/12/02/16sv6u-4q.png)
6363

6464
## Custom Selector Syntax
6565
Besides supporting the standard [CSS Selector](https://www.w3.org/TR/selectors-4/) and XPath expression, Automa supports a non-standard syntax:

docs/workflow/expressions.md

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -40,13 +40,13 @@ You can use the following expression inside the [HTTP Request block](../blocks/w
4040
```
4141
{{variables.socials}}
4242
```
43-
![HTTP Request block body](https://res.cloudinary.com/chat-story/image/upload/v1666171308/automa/chrome_FbRbTGuOXy_j8frph.png)
43+
![HTTP Request block body](https://s3.ap-southeast-1.amazonaws.com/automa-pub/i/2024/12/02/16vk9t-o6.png)
4444

4545
But what if you want to use the `url` property on the first element of the array as a value inside the [New Tab block](../blocks/new-tab.md) URL? For that, use the following expression:
4646
```
4747
{{variables.socials.0.url}}
4848
```
49-
![New tab block URL](https://res.cloudinary.com/chat-story/image/upload/v1666232856/automa/chrome_8d0k1lZqUn_lxnycp.png)
49+
![New tab block URL](https://s3.ap-southeast-1.amazonaws.com/automa-pub/i/2024/12/02/16vk9s-zz.png)
5050

5151
`0` on that expression means the first element of the array. And if you want to get the second element of the array, replace it with `1`. `2` for the third element; `3` for the fourth element; and so on.
5252

@@ -336,7 +336,7 @@ Only supported in the chromium based browser
336336

337337
Automa also supports javascript within the expression, but to write a javascript, you must add `!!` characters as the first value on a text field of a block. For example, from <code v-pre>The number is: {{variables.number}}</code> to <code v-pre>!!The number is: {{variables.number}}</code>.
338338

339-
![JS Expression](https://res.cloudinary.com/chat-story/image/upload/v1666237164/automa/TV_-_2_2_r3emea.png)
339+
![JS Expression](https://s3.ap-southeast-1.amazonaws.com/automa-pub/i/2024/12/02/16vjb0-5t.png)
340340

341341
And you can use the built-in function the same as the javascript function.
342342

docs/workflow/global-data.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -14,4 +14,4 @@ For example, you have multiple new tab blocks wherein the URL input has the same
1414
```
1515
And access the global data inside the URL text field of the New Tab block using an [expression](./expressions.md). For example, <code v-pre>{{globalData.url}}</code>
1616

17-
![URL Input](https://res.cloudinary.com/chat-story/image/upload/v1642160825/automa/chrome_d3PsYXgOKK_weyqwy.png)
17+
![URL Input](https://s3.ap-southeast-1.amazonaws.com/automa-pub/i/2024/12/02/16bhla-4b.png)

docs/workflow/looping.md

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -16,20 +16,20 @@ Looping is helpful when you want to process multiple similar items, for example
1616

1717
When using the [Loop Data](../blocks/log-data.md) or [Loop Elements block](../blocks/loop-elements.md), the [Loop Breakpoint](../blocks/loop-breakpoint.md) must include in the workflow. The Loop Breakpoint is for telling the workflow where the scope of the loop is. And inside the Loop Breakpoint, you also must input the Loop id of the loop block.
1818

19-
![Loop with breakpoint](https://res.cloudinary.com/chat-story/image/upload/v1666320965/automa/chrome_7wEPnPfNRQ_e1ee2l.png)
19+
![Loop with breakpoint](https://s3.ap-southeast-1.amazonaws.com/automa-pub/i/2024/12/02/16ydun-cy.png)
2020

2121
The above workflow will repeatedly execute the Forms and the Get Text block based on the numbers of the items. And after it loops all the items, the workflow will continue to the Export Data block.
2222

2323
And when you're not defining the loop scope using the Loop Breakpoint block, the looping will not work.
2424

25-
![Loop without breakpoint](https://res.cloudinary.com/chat-story/image/upload/v1666320717/automa/chrome_csX5PLkZBq_h5hu0k.png)
25+
![Loop without breakpoint](https://s3.ap-southeast-1.amazonaws.com/automa-pub/i/2024/12/02/16ydun-y8.png)
2626

2727
The above will execute the Forms and the Get Text block once and then continue to the Export Data block.
2828

2929
### Access Loop Item
3030
You can use [expressions](./expressions.md) to access data from the current loop iteration inside the loop scope. For example, <code v-pre>{{loopData.loopId}}</code>; replace the `loopId` with the Loop id you inputted inside the Loop Data or Loop Element block.
3131

32-
![Access loop item](https://res.cloudinary.com/chat-story/image/upload/v1666321501/automa/chrome_Z1IwOcaATY_gxfn6k.png)
32+
![Access loop item](https://s3.ap-southeast-1.amazonaws.com/automa-pub/i/2024/12/02/16yduo-ib.png)
3333

3434
The <code v-pre>{{loopData.loopId}}</code> expression will return:
3535
```json
@@ -44,6 +44,6 @@ So if you want to access the index of the loop, you can use [expressions](./expr
4444

4545
Using the [Repeat Task block](../blocks/repeat-task.md) is the easiest way to do looping. You only need to define how many times to repeat the actions and where to start to repeat them.
4646

47-
![Repeat task](https://res.cloudinary.com/chat-story/image/upload/v1666322277/automa/chrome_LWjlxa5ZMT_t2jrr2.png)
47+
![Repeat task](https://s3.ap-southeast-1.amazonaws.com/automa-pub/i/2024/12/02/16yduo-q7.png)
4848

4949
The above will start to repeat to execute from the Click Element block, and after it executes three times. The workflow will continue to the New Tab block.

docs/workflow/parameters.md

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -17,10 +17,10 @@ To add a parameter to the workflow, you need to:
1717

1818
You can rename the parameter, select the parameter type, or input the default value.
1919

20-
![Add parameter](https://res.cloudinary.com/chat-story/image/upload/v1666079866/automa/chrome_1VtcrxMGH7_d7puxa.png)
20+
![Add parameter](https://s3.ap-southeast-1.amazonaws.com/automa-pub/i/2024/12/02/16iwo6-ow.png)
2121

2222
When you run the workflow, there will be a popup where you input the value for the parameter.
2323

24-
![Input parameter](https://res.cloudinary.com/chat-story/image/upload/v1666080277/automa/chrome_7p2d3nvu9w_funwit.png)
24+
![Input parameter](https://s3.ap-southeast-1.amazonaws.com/automa-pub/i/2024/12/02/16iwo7-l6.png)
2525

2626
These parameters will be inserted as [variables](./variables.md) in the workflow, and the variable name the same as the parameter name. For example, you can access the value of the `keyword` parameter like <code v-pre>{{ variables.keyword }}</code>

0 commit comments

Comments
 (0)