diff --git a/en/docs/get-started/quick-start-ai-agent.md b/en/docs/get-started/quick-start-ai-agent.md index fc09fdc7..3b66ef90 100644 --- a/en/docs/get-started/quick-start-ai-agent.md +++ b/en/docs/get-started/quick-start-ai-agent.md @@ -4,46 +4,49 @@ title: "Quick Start: Build an AI Agent" description: Create an intelligent AI agent powered by LLMs with tool calling. --- -# Quick Start: Build an AI Agent +import Tabs from '@theme/Tabs'; +import TabItem from '@theme/TabItem'; +import ThemedImage from '@theme/ThemedImage'; +import useBaseUrl from '@docusaurus/useBaseUrl'; + +# Quick start: Build an AI agent **Time:** Under 15 minutes | **What you'll build:** An AI agent that connects to an LLM, uses tools, and responds to queries through a GraphQL endpoint. ## Prerequisites -- [WSO2 Integrator extension installed](install.md) +- [WSO2 Integrator installed](install.md) - An OpenAI API key ## Architecture -``` -Client GraphQL Service LLM (OpenAI) - │ localhost:8080 │ - │ mutation Task(query) │ │ - │────────────────────────────►│ prompt + tools │ - │ │────────────────────────►│ - │ │◄────────────────────────│ - │◄────────────────────────────│ response │ - │ { data: { task: "..." } } │ │ -``` + -## Step 1: Create the Project +## Step 1: Create the project -1. Open the WSO2 Integrator sidebar in VS Code. -2. Click **Create New Integration**. -3. Enter the integration name (e.g., `AIAgent`). +1. Open WSO2 Integrator. +2. Select **Create New Integration**. +3. Enter the integration name (for example, `AIAgent`). -## Step 2: Add a GraphQL Service +## Step 2: Add a GraphQL service 1. Add a **GraphQL Service** artifact. 2. Add a mutation named `task` that accepts a `query: string` parameter. -## Step 3: Configure the Inline Agent +## Step 3: Configure the inline agent 1. Inside the mutation, implement an **Inline Agent**. 2. Configure the model provider (WSO2 default or OpenAI). 3. Set up agent memory and tools. -In code: + + ```ballerina import ballerina/graphql; @@ -70,7 +73,21 @@ service /graphql on new graphql:Listener(8080) { } ``` -## Step 4: Configure the API Key + + + + + + + + +## Step 4: Configure the API key Create a `Config.toml` file: @@ -78,9 +95,9 @@ Create a `Config.toml` file: openaiKey = "" ``` -## Step 5: Run and Test +## Step 5: Run and test -1. Click **Run** in the toolbar. +1. Select **Run** in the toolbar. 2. Test with curl: ```bash @@ -89,9 +106,9 @@ curl -X POST http://localhost:8080/graphql \ -d '{"query": "mutation Task { task(query: \"What is WSO2 Integrator?\") }"}' ``` -## What's Next +## What's next -- [GenAI Overview](/docs/genai) -- Full guide to AI capabilities -- [Chat Agents](/docs/genai/agents/chat-agents) -- Build interactive chat agents -- [MCP Servers](/docs/genai/mcp/exposing-mcp-servers) -- Expose tools to AI assistants -- [RAG Applications](/docs/genai/rag/architecture-overview) -- Add knowledge bases to agents +- [GenAI overview](/docs/genai) -- Full guide to AI capabilities +- [Chat agents](/docs/genai/agents/chat-agents) -- Build interactive chat agents +- [MCP servers](/docs/genai/mcp/exposing-mcp-servers) -- Expose tools to AI assistants +- [RAG applications](/docs/genai/rag/architecture-overview) -- Add knowledge bases to agents diff --git a/en/docs/get-started/quick-start-api.md b/en/docs/get-started/quick-start-api.md index 2daae75d..f3629342 100644 --- a/en/docs/get-started/quick-start-api.md +++ b/en/docs/get-started/quick-start-api.md @@ -4,46 +4,49 @@ title: "Quick Start: Integration as API" description: Build an HTTP service that calls an external API and returns a greeting. --- -# Quick Start: Integration as API +import Tabs from '@theme/Tabs'; +import TabItem from '@theme/TabItem'; +import ThemedImage from '@theme/ThemedImage'; +import useBaseUrl from '@docusaurus/useBaseUrl'; + +# Quick start: Integration as API **Time:** Under 10 minutes | **What you'll build:** An HTTP service that receives requests, calls an external API, and returns the response. ## Prerequisites -- [WSO2 Integrator extension installed](install.md) +- [WSO2 Integrator installed](install.md) ## Architecture -``` -Client Your Service External API - │ /hello:9090 apis.wso2.com - │ GET /greeting │ │ - │──────────────────────────►│ GET /mi-qsg/v1.0 │ - │ │───────────────────────►│ - │ │◄───────────────────────│ - │◄──────────────────────────│ {"message":"Hello"} │ - │ {"message":"Hello!!!"} │ │ -``` + -## Step 1: Create the Project +## Step 1: Create the project -1. Open the WSO2 Integrator sidebar in VS Code. -2. Click **Create New Integration**. -3. Enter the integration name (e.g., `HelloWorld`). -4. Click **Create Integration**. +1. Open WSO2 Integrator. +2. Select **Create New Integration**. +3. Enter the integration name (for example, `HelloWorld`). +4. Select **Create Integration**. -## Step 2: Add an HTTP Service +## Step 2: Add an HTTP service 1. In the design view, add an **HTTP Service** artifact. 2. Set the base path to `/hello` and port to `9090`. 3. Add a **GET** resource at the path `/greeting`. -## Step 3: Connect to an External API +## Step 3: Connect to an external API 1. Add an HTTP connection to `https://apis.wso2.com/zvdz/mi-qsg/v1.0`. 2. In the GET resource, invoke the external API and return its response. -In code, this looks like: + + ```ballerina import ballerina/http; @@ -58,9 +61,23 @@ service /hello on new http:Listener(9090) { } ``` -## Step 4: Run and Test + + + + + + + + +## Step 4: Run and test -1. Click **Run** in the toolbar (top-right corner). +1. Select **Run** in the toolbar. 2. Once the service starts, test with curl: ```bash @@ -73,11 +90,11 @@ Expected response: {"message": "Hello World!!!"} ``` -You can also use the built-in **Try It** panel in VS Code to test the endpoint interactively. +You can also use the built-in **Try It** panel in WSO2 Integrator to test the endpoint interactively. -## What's Next +## What's next -- [Quick Start: Automation](quick-start-automation.md) -- Build a scheduled job -- [Quick Start: AI Agent](quick-start-ai-agent.md) -- Build an intelligent agent -- [Quick Start: Event Integration](quick-start-event.md) -- React to messages from Kafka or RabbitMQ +- [Quick start: Automation](quick-start-automation.md) -- Build a scheduled job +- [Quick start: AI agent](quick-start-ai-agent.md) -- Build an intelligent agent +- [Quick start: Event integration](quick-start-event.md) -- React to messages from Kafka or RabbitMQ - [Tutorials](/docs/tutorials) -- End-to-end walkthroughs and patterns diff --git a/en/docs/get-started/quick-start-automation.md b/en/docs/get-started/quick-start-automation.md index efe3ec48..52bd247a 100644 --- a/en/docs/get-started/quick-start-automation.md +++ b/en/docs/get-started/quick-start-automation.md @@ -4,7 +4,12 @@ title: "Quick Start: Build an Automation" description: Create a scheduled automation that runs tasks on a timer. --- -# Quick Start: Build an Automation +import Tabs from '@theme/Tabs'; +import TabItem from '@theme/TabItem'; +import ThemedImage from '@theme/ThemedImage'; +import useBaseUrl from '@docusaurus/useBaseUrl'; + +# Quick start: Build an automation **Time:** Under 10 minutes | **What you'll build:** A scheduled automation that runs tasks on a timer or manual trigger. @@ -12,20 +17,30 @@ Automations are ideal for data synchronization, report generation, and routine m ## Prerequisites -- [WSO2 Integrator extension installed](install.md) +- [WSO2 Integrator installed](install.md) + +## Architecture -## Step 1: Create the Project + -1. Open the WSO2 Integrator sidebar in VS Code. -2. Click **Create New Integration**. -3. Enter the integration name (e.g., `MyAutomation`). +## Step 1: Create the project -## Step 2: Add an Automation Artifact +1. Open WSO2 Integrator. +2. Select **Create New Integration**. +3. Enter the integration name (for example, `MyAutomation`). + +## Step 2: Add an automation artifact 1. In the design view, add an **Automation** artifact. 2. The automation starts with an empty flow. -## Step 3: Add Logic +## Step 3: Add logic 1. Add a **Call Function** node to the flow. 2. Configure it with a simple expression: @@ -38,16 +53,19 @@ public function main() { } ``` -## Step 4: Run and Test +## Step 4: Run and test -1. Click **Run** in the toolbar (top-right corner). +1. Select **Run** in the toolbar. 2. The automation executes immediately and prints output to the terminal. 3. Check the terminal output for `Hello World`. -## Scheduling Automations +## Scheduling automations For production use, configure a cron schedule to trigger the automation periodically: + + + ```ballerina import ballerina/task; @@ -62,8 +80,22 @@ service on timer { } ``` -## What's Next + + + + + + + + +## What's next -- [Quick Start: Integration as API](quick-start-api.md) -- Build an HTTP service -- [Quick Start: Event Integration](quick-start-event.md) -- React to messages from brokers -- [Quick Start: AI Agent](quick-start-ai-agent.md) -- Build an intelligent agent +- [Quick start: Integration as API](quick-start-api.md) -- Build an HTTP service +- [Quick start: Event integration](quick-start-event.md) -- React to messages from brokers +- [Quick start: AI agent](quick-start-ai-agent.md) -- Build an intelligent agent diff --git a/en/docs/get-started/quick-start-data-service.md b/en/docs/get-started/quick-start-data-service.md index 1dc894df..936d48be 100644 --- a/en/docs/get-started/quick-start-data-service.md +++ b/en/docs/get-started/quick-start-data-service.md @@ -4,7 +4,12 @@ title: "Quick Start: Build a Data Service" description: Create a CRUD data service using bal persist in under 10 minutes. --- -# Build a Data Service +import Tabs from '@theme/Tabs'; +import TabItem from '@theme/TabItem'; +import ThemedImage from '@theme/ThemedImage'; +import useBaseUrl from '@docusaurus/useBaseUrl'; + +# Build a data service In this quick start, you'll create a data service that exposes CRUD operations over a database using `bal persist` — Ballerina's built-in data persistence layer. @@ -13,14 +18,24 @@ In this quick start, you'll create a data service that exposes CRUD operations o - [WSO2 Integrator set up](install.md) - A running database (MySQL, PostgreSQL, or H2 for quick testing) -## Step 1: Create a New Project +## Architecture + + + +## Step 1: Create a new project ```bash bal new data_service cd data_service ``` -## Step 2: Initialize Persistence +## Step 2: Initialize persistence ```bash bal persist init @@ -28,7 +43,7 @@ bal persist init This creates a `persist` directory with a model definition file. -## Step 3: Define Your Data Model +## Step 3: Define your data model Edit `persist/model.bal`: @@ -45,7 +60,7 @@ type Employee record {| |}; ``` -## Step 4: Generate the Client +## Step 4: Generate the client ```bash bal persist generate @@ -53,10 +68,13 @@ bal persist generate This generates type-safe client code for CRUD operations against your database. -## Step 5: Create the Service +## Step 5: Create the service Edit `main.bal`: + + + ```ballerina import ballerina/http; import ballerina/persist; @@ -94,7 +112,21 @@ service /employees on new http:Listener(port) { } ``` -## Step 6: Configure the Database + + + + + + + + +## Step 6: Configure the database Edit `Config.toml`: @@ -109,7 +141,7 @@ password = "" database = "employees_db" ``` -## Step 7: Run and Test +## Step 7: Run and test ```bash bal run @@ -130,7 +162,7 @@ curl -X POST http://localhost:8080/employees \ curl http://localhost:8080/employees/1 ``` -## Supported Data Stores +## Supported data stores `bal persist` supports seven data stores out of the box: @@ -144,8 +176,8 @@ curl http://localhost:8080/employees/1 | Redis | `ballerinax/persist.redis` | | In-Memory | Built-in | -## What's Next +## What's next -- [Data Persistence](../develop/integration-artifacts/data-persistence.md) — Deep dive into `bal persist` +- [Data persistence](../develop/integration-artifacts/data-persistence.md) — Deep dive into `bal persist` - [Services](../develop/integration-artifacts/services.md) — Advanced service configuration -- [Quick Start: Build an AI Agent](quick-start-ai-agent.md) — Add AI capabilities +- [Quick start: Build an AI agent](quick-start-ai-agent.md) — Add AI capabilities diff --git a/en/docs/get-started/quick-start-event.md b/en/docs/get-started/quick-start-event.md index 3b47bf13..fc3c79e0 100644 --- a/en/docs/get-started/quick-start-event.md +++ b/en/docs/get-started/quick-start-event.md @@ -4,7 +4,12 @@ title: "Quick Start: Event Integration" description: Build an event-driven integration that reacts to messages from a message broker. --- -# Quick Start: Event Integration +import Tabs from '@theme/Tabs'; +import TabItem from '@theme/TabItem'; +import ThemedImage from '@theme/ThemedImage'; +import useBaseUrl from '@docusaurus/useBaseUrl'; + +# Quick start: Event integration **Time:** Under 10 minutes | **What you'll build:** An event-driven integration that consumes messages from RabbitMQ and processes them. @@ -12,16 +17,26 @@ Event integrations are ideal for reactive workflows triggered by messages from K ## Prerequisites -- [WSO2 Integrator extension installed](install.md) +- [WSO2 Integrator installed](install.md) - A running RabbitMQ instance (or use Docker: `docker run -d -p 5672:5672 -p 15672:15672 rabbitmq:management`) -## Step 1: Create the Project +## Architecture + + -1. Open the WSO2 Integrator sidebar in VS Code. -2. Click **Create New Integration**. -3. Enter the integration name (e.g., `OrderProcessor`). +## Step 1: Create the project -## Step 2: Add an Event Integration Artifact +1. Open WSO2 Integrator. +2. Select **Create New Integration**. +3. Enter the integration name (for example, `OrderProcessor`). + +## Step 2: Add an event integration artifact 1. In the design view, add a **RabbitMQ** event integration artifact. 2. Configure the connection: @@ -31,10 +46,13 @@ Event integrations are ideal for reactive workflows triggered by messages from K - **Username:** `guest` - **Password:** `guest` -## Step 3: Add Message Processing Logic +## Step 3: Add message processing logic Add an `onMessage` handler to process incoming messages: + + + ```ballerina import ballerinax/rabbitmq; import ballerina/log; @@ -52,26 +70,40 @@ service on orderListener { } ``` -## Step 4: Run and Test + + + + + + + + +## Step 4: Run and test -1. Click **Run** in the toolbar. +1. Select **Run** in the toolbar. 2. The service starts listening for messages on the `Orders` queue. 3. Publish a test message to RabbitMQ using the management UI at `http://localhost:15672` or a client. 4. Check the terminal output for the logged message. -## Supported Event Sources +## Supported event sources | Broker | Ballerina Package | |---|---| -| **Apache Kafka** | `ballerinax/kafka` | -| **RabbitMQ** | `ballerinax/rabbitmq` | -| **MQTT** | `ballerinax/mqtt` | -| **Azure Service Bus** | `ballerinax/azure.servicebus` | -| **Salesforce** | `ballerinax/salesforce` | -| **GitHub Webhooks** | `ballerinax/github` | - -## What's Next - -- [Quick Start: File Integration](quick-start-file.md) -- Process files from FTP or local directories -- [Quick Start: Integration as API](quick-start-api.md) -- Build an HTTP service -- [Event Handlers](/docs/develop/integration-artifacts/event-handlers) -- Advanced event-driven patterns +| Apache Kafka | `ballerinax/kafka` | +| RabbitMQ | `ballerinax/rabbitmq` | +| MQTT | `ballerinax/mqtt` | +| Azure Service Bus | `ballerinax/azure.servicebus` | +| Salesforce | `ballerinax/salesforce` | +| GitHub Webhooks | `ballerinax/github` | + +## What's next + +- [Quick start: File integration](quick-start-file.md) -- Process files from FTP or local directories +- [Quick start: Integration as API](quick-start-api.md) -- Build an HTTP service +- [Event handlers](/docs/develop/integration-artifacts/event-handlers) -- Advanced event-driven patterns diff --git a/en/docs/get-started/quick-start-file.md b/en/docs/get-started/quick-start-file.md index 12a1f9b0..e4de5309 100644 --- a/en/docs/get-started/quick-start-file.md +++ b/en/docs/get-started/quick-start-file.md @@ -4,7 +4,12 @@ title: "Quick Start: File Integration" description: Process files from FTP, SFTP, or local directories. --- -# Quick Start: File Integration +import Tabs from '@theme/Tabs'; +import TabItem from '@theme/TabItem'; +import ThemedImage from '@theme/ThemedImage'; +import useBaseUrl from '@docusaurus/useBaseUrl'; + +# Quick start: File integration **Time:** Under 10 minutes | **What you'll build:** A file integration that watches a directory for new files, processes them, and writes the output. @@ -12,23 +17,36 @@ File integrations are ideal for batch uploads, scheduled file processing, and ET ## Prerequisites -- [WSO2 Integrator extension installed](install.md) +- [WSO2 Integrator installed](install.md) + +## Architecture -## Step 1: Create the Project + -1. Open the WSO2 Integrator sidebar in VS Code. -2. Click **Create New Integration**. -3. Enter the integration name (e.g., `FileProcessor`). +## Step 1: Create the project -## Step 2: Add a File Integration Artifact +1. Open WSO2 Integrator. +2. Select **Create New Integration**. +3. Enter the integration name (for example, `FileProcessor`). + +## Step 2: Add a file integration artifact 1. In the design view, add a **Directory Service** (for local files) or **FTP Service** (for remote files) artifact. 2. Configure the directory path to watch. -## Step 3: Process Incoming Files +## Step 3: Process incoming files Add logic to read and process files when they arrive: + + + ```ballerina import ballerina/file; import ballerina/io; @@ -54,23 +72,37 @@ service on dirListener { } ``` -## Step 4: Run and Test + + + + + + + + +## Step 4: Run and test -1. Click **Run** in the toolbar. +1. Select **Run** in the toolbar. 2. Drop a file into the watched directory (`/data/inbox`). 3. Verify the processed output appears in `/data/processed/`. -## Supported File Sources +## Supported file sources | Source | Transport | Use Case | |---|---|---| -| **Local directory** | File system | Development, on-premise batch processing | -| **FTP** | FTP | Legacy file exchange | -| **FTPS** | FTP over TLS | Secure legacy file exchange | -| **SFTP** | SSH File Transfer | Secure file exchange | +| Local directory | File system | Development, on-premise batch processing | +| FTP | FTP | Legacy file exchange | +| FTPS | FTP over TLS | Secure legacy file exchange | +| SFTP | SSH File Transfer | Secure file exchange | -## What's Next +## What's next -- [Quick Start: Automation](quick-start-automation.md) -- Build scheduled jobs -- [Quick Start: Integration as API](quick-start-api.md) -- Build an HTTP service -- [File Handlers](/docs/develop/integration-artifacts/file-handlers) -- Advanced file processing patterns +- [Quick start: Automation](quick-start-automation.md) -- Build scheduled jobs +- [Quick start: Integration as API](quick-start-api.md) -- Build an HTTP service +- [File handlers](/docs/develop/integration-artifacts/file-handlers) -- Advanced file processing patterns diff --git a/en/static/img/get-started/quick-start-ai-agent/ai-agent-dark.svg b/en/static/img/get-started/quick-start-ai-agent/ai-agent-dark.svg new file mode 100644 index 00000000..aa52966b --- /dev/null +++ b/en/static/img/get-started/quick-start-ai-agent/ai-agent-dark.svg @@ -0,0 +1,4 @@ + + + +Internal.size.36...cog...size..size.36...person...size..size.36...cog...size..size.36...cloud...size.ClientGraphQL Servicelocalhost:8080LLMOpenAI.size.36...cog...size.mutation Task(query)prompt + toolsresponse{ data: { task: "..." } } \ No newline at end of file diff --git a/en/static/img/get-started/quick-start-ai-agent/ai-agent-light.svg b/en/static/img/get-started/quick-start-ai-agent/ai-agent-light.svg new file mode 100644 index 00000000..d901205a --- /dev/null +++ b/en/static/img/get-started/quick-start-ai-agent/ai-agent-light.svg @@ -0,0 +1,4 @@ + + + +Internal.size.36...cog...size..size.36...person...size..size.36...cog...size..size.36...cloud...size.ClientGraphQL Servicelocalhost:8080LLMOpenAI.size.36...cog...size.mutation Task(query)prompt + toolsresponse{ data: { task: "..." } } \ No newline at end of file diff --git a/en/static/img/get-started/quick-start-ai-agent/design-view-dark.png b/en/static/img/get-started/quick-start-ai-agent/design-view-dark.png new file mode 100644 index 00000000..c0990abe Binary files /dev/null and b/en/static/img/get-started/quick-start-ai-agent/design-view-dark.png differ diff --git a/en/static/img/get-started/quick-start-ai-agent/design-view-light.png b/en/static/img/get-started/quick-start-ai-agent/design-view-light.png new file mode 100644 index 00000000..2fff7723 Binary files /dev/null and b/en/static/img/get-started/quick-start-ai-agent/design-view-light.png differ diff --git a/en/static/img/get-started/quick-start-api/api-dark.svg b/en/static/img/get-started/quick-start-api/api-dark.svg new file mode 100644 index 00000000..96ccf7cd --- /dev/null +++ b/en/static/img/get-started/quick-start-api/api-dark.svg @@ -0,0 +1,4 @@ + + + +Internal NetworkExternal.size.36...cog...size..size.36...cloud...size..size.36...person...size..size.36...cog...size..size.36...cloud...size.ClientClientYour Servicehello:9090Your Servicehello:9090External APIapis.wso2.comExternal APIapis.wso2.com.size.36...cog...size..size.36...cloud...size.GET/greetingGET/mi-qsg/v1.0{"message":"Hello"}{"message":"Hello"} \ No newline at end of file diff --git a/en/static/img/get-started/quick-start-api/api-light.svg b/en/static/img/get-started/quick-start-api/api-light.svg new file mode 100644 index 00000000..766091c2 --- /dev/null +++ b/en/static/img/get-started/quick-start-api/api-light.svg @@ -0,0 +1,4 @@ + + + +Internal NetworkExternal.size.36...cog...size..size.36...cloud...size..size.36...person...size..size.36...cog...size..size.36...cloud...size.ClientClientYour Servicehello:9090Your Servicehello:9090External APIapis.wso2.comExternal APIapis.wso2.com.size.36...cog...size..size.36...cloud...size.GET/greetingGET/mi-qsg/v1.0{"message":"Hello"}{"message":"Hello"} \ No newline at end of file diff --git a/en/static/img/get-started/quick-start-api/design-view-dark.png b/en/static/img/get-started/quick-start-api/design-view-dark.png new file mode 100644 index 00000000..8587534f Binary files /dev/null and b/en/static/img/get-started/quick-start-api/design-view-dark.png differ diff --git a/en/static/img/get-started/quick-start-api/design-view-light.png b/en/static/img/get-started/quick-start-api/design-view-light.png new file mode 100644 index 00000000..8f244e49 Binary files /dev/null and b/en/static/img/get-started/quick-start-api/design-view-light.png differ diff --git a/en/static/img/get-started/quick-start-automation/automation-dark.svg b/en/static/img/get-started/quick-start-automation/automation-dark.svg new file mode 100644 index 00000000..47a791f1 --- /dev/null +++ b/en/static/img/get-started/quick-start-automation/automation-dark.svg @@ -0,0 +1,4 @@ + + + +Internal.size.36...cog...size..size.36...clock...size..size.36...cog...size..size.36...terminal...size.Timertask:ListenerAutomationServiceTerminal(io).size.36...cog...size.onTrigger()println("Hello World") \ No newline at end of file diff --git a/en/static/img/get-started/quick-start-automation/automation-light.svg b/en/static/img/get-started/quick-start-automation/automation-light.svg new file mode 100644 index 00000000..408cc172 --- /dev/null +++ b/en/static/img/get-started/quick-start-automation/automation-light.svg @@ -0,0 +1,4 @@ + + + +Internal.size.36...cog...size..size.36...clock...size..size.36...cog...size..size.36...terminal...size.Timertask:ListenerAutomationServiceTerminal(io).size.36...cog...size.onTrigger()println("Hello World") \ No newline at end of file diff --git a/en/static/img/get-started/quick-start-automation/design-view-dark.png b/en/static/img/get-started/quick-start-automation/design-view-dark.png new file mode 100644 index 00000000..df284bd3 Binary files /dev/null and b/en/static/img/get-started/quick-start-automation/design-view-dark.png differ diff --git a/en/static/img/get-started/quick-start-automation/design-view-light.png b/en/static/img/get-started/quick-start-automation/design-view-light.png new file mode 100644 index 00000000..edbca419 Binary files /dev/null and b/en/static/img/get-started/quick-start-automation/design-view-light.png differ diff --git a/en/static/img/get-started/quick-start-data-service/data-service-dark.svg b/en/static/img/get-started/quick-start-data-service/data-service-dark.svg new file mode 100644 index 00000000..0cab1156 --- /dev/null +++ b/en/static/img/get-started/quick-start-data-service/data-service-dark.svg @@ -0,0 +1,4 @@ + + + +Internal System.size.36...cog...size..size.36...person...size..size.36...cog...size..size.36...hard-drive...size.ClientEmployee Service/employees:8080Database.size.36...cog...size.GET /employees/1Query Employee (ID: 1)Employee RecordJSON Response \ No newline at end of file diff --git a/en/static/img/get-started/quick-start-data-service/data-service-light.svg b/en/static/img/get-started/quick-start-data-service/data-service-light.svg new file mode 100644 index 00000000..60ac6e84 --- /dev/null +++ b/en/static/img/get-started/quick-start-data-service/data-service-light.svg @@ -0,0 +1,4 @@ + + + +Internal System.size.36...cog...size..size.36...person...size..size.36...cog...size..size.36...hard-drive...size.ClientEmployee Service/employees:8080Database.size.36...cog...size.GET /employees/1Query Employee (ID: 1)Employee RecordJSON Response \ No newline at end of file diff --git a/en/static/img/get-started/quick-start-data-service/design-view-dark.png b/en/static/img/get-started/quick-start-data-service/design-view-dark.png new file mode 100644 index 00000000..1093d8c4 Binary files /dev/null and b/en/static/img/get-started/quick-start-data-service/design-view-dark.png differ diff --git a/en/static/img/get-started/quick-start-data-service/design-view-light.png b/en/static/img/get-started/quick-start-data-service/design-view-light.png new file mode 100644 index 00000000..177629ec Binary files /dev/null and b/en/static/img/get-started/quick-start-data-service/design-view-light.png differ diff --git a/en/static/img/get-started/quick-start-event/design-view-dark.png b/en/static/img/get-started/quick-start-event/design-view-dark.png new file mode 100644 index 00000000..7d289077 Binary files /dev/null and b/en/static/img/get-started/quick-start-event/design-view-dark.png differ diff --git a/en/static/img/get-started/quick-start-event/design-view-light.png b/en/static/img/get-started/quick-start-event/design-view-light.png new file mode 100644 index 00000000..5b8dc17e Binary files /dev/null and b/en/static/img/get-started/quick-start-event/design-view-light.png differ diff --git a/en/static/img/get-started/quick-start-event/event-dark.svg b/en/static/img/get-started/quick-start-event/event-dark.svg new file mode 100644 index 00000000..e0a8306c --- /dev/null +++ b/en/static/img/get-started/quick-start-event/event-dark.svg @@ -0,0 +1,4 @@ + + + +Internal.size.36...cog...size..size.36...inbox...size..size.36...cog...size..size.36...list...size.RabbitMQQueue: OrdersorderListenerServiceLogger.size.36...cog...size.onMessage(rabbitmq:AnydataMessage)printInfo("Received order") \ No newline at end of file diff --git a/en/static/img/get-started/quick-start-event/event-light.svg b/en/static/img/get-started/quick-start-event/event-light.svg new file mode 100644 index 00000000..f66dc51e --- /dev/null +++ b/en/static/img/get-started/quick-start-event/event-light.svg @@ -0,0 +1,4 @@ + + + +Internal.size.36...cog...size..size.36...inbox...size..size.36...cog...size..size.36...list...size.RabbitMQQueue: OrdersorderListenerServiceLogger.size.36...cog...size.onMessage(rabbitmq:AnydataMessage)printInfo("Received order") \ No newline at end of file diff --git a/en/static/img/get-started/quick-start-file/design-view-dark.png b/en/static/img/get-started/quick-start-file/design-view-dark.png new file mode 100644 index 00000000..d1319160 Binary files /dev/null and b/en/static/img/get-started/quick-start-file/design-view-dark.png differ diff --git a/en/static/img/get-started/quick-start-file/design-view-light.png b/en/static/img/get-started/quick-start-file/design-view-light.png new file mode 100644 index 00000000..03a1db61 Binary files /dev/null and b/en/static/img/get-started/quick-start-file/design-view-light.png differ diff --git a/en/static/img/get-started/quick-start-file/file-dark.svg b/en/static/img/get-started/quick-start-file/file-dark.svg new file mode 100644 index 00000000..61efb4b6 --- /dev/null +++ b/en/static/img/get-started/quick-start-file/file-dark.svg @@ -0,0 +1,4 @@ + + + +Internal.size.36...cog...size..size.36...folder...size..size.36...cog...size..size.36...folder...size.Input Directory/data/inboxdirListenerServiceOutput Directory/data/processed/.size.36...cog...size.onCreate(file:FileEvent)io:fileReadString()CSV contentio:fileWriteString(content) \ No newline at end of file diff --git a/en/static/img/get-started/quick-start-file/file-light.svg b/en/static/img/get-started/quick-start-file/file-light.svg new file mode 100644 index 00000000..5298ee24 --- /dev/null +++ b/en/static/img/get-started/quick-start-file/file-light.svg @@ -0,0 +1,4 @@ + + + +Internal.size.36...cog...size..size.36...folder...size..size.36...cog...size..size.36...folder...size.Input Directory/data/inboxdirListenerServiceOutput Directory/data/processed/.size.36...cog...size.onCreate(file:FileEvent)io:fileReadString()CSV contentio:fileWriteString(content) \ No newline at end of file