{"id":51321774,"url":"https://github.com/nativebpm/nativebpm-awesome","last_synced_at":"2026-07-01T14:04:10.997Z","repository":{"id":367022861,"uuid":"1278887959","full_name":"nativebpm/nativebpm-awesome","owner":"nativebpm","description":null,"archived":false,"fork":false,"pushed_at":"2026-06-24T07:49:45.000Z","size":129,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":0,"default_branch":"main","last_synced_at":"2026-06-24T10:25:11.056Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/nativebpm.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null,"notice":null,"maintainers":null,"copyright":null,"agents":null,"dco":null,"cla":null}},"created_at":"2026-06-24T07:23:02.000Z","updated_at":"2026-06-24T07:49:50.000Z","dependencies_parsed_at":null,"dependency_job_id":null,"html_url":"https://github.com/nativebpm/nativebpm-awesome","commit_stats":null,"previous_names":["nativebpm/nativebpm-awesome"],"tags_count":null,"template":false,"template_full_name":null,"purl":"pkg:github/nativebpm/nativebpm-awesome","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/nativebpm%2Fnativebpm-awesome","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/nativebpm%2Fnativebpm-awesome/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/nativebpm%2Fnativebpm-awesome/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/nativebpm%2Fnativebpm-awesome/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/nativebpm","download_url":"https://codeload.github.com/nativebpm/nativebpm-awesome/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/nativebpm%2Fnativebpm-awesome/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":35009273,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-05-26T15:22:16.424Z","status":"online","status_checked_at":"2026-07-01T02:00:05.325Z","response_time":130,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2026-07-01T14:04:10.513Z","updated_at":"2026-07-01T14:04:10.989Z","avatar_url":"https://github.com/nativebpm.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# NativeBPM Awesome Examples (`nativebpm-awesome`)\n\nThis repository contains real-world, production-ready implementation examples demonstrating how to use the 10 NativeBPM Client SDKs across various languages and UI frameworks.\n\n---\n\n## 🚀 Projects Overview\n\n| Directory | Language / Framework | Description |\n| :--- | :--- | :--- |\n| [`typescript-backend/`](./typescript-backend) | TypeScript (Node/Express) | Orchestrates BPMN flows, returns dynamic JSON Schema Forms. |\n| [`frontend-react/`](./frontend-react) | React (Vite / RJSF) | Dynamically renders JSON Schema Forms and hosts the **interactive BPMN Process Visualization**. |\n| [`frontend-vue/`](./frontend-vue) | Vue 3 (Vite) | Renders dynamic reactive fields from BPMN JSON Schemas and embeds the process visualization. |\n| [`flutter-mobile-client/`](./flutter-mobile-client) | Dart / Flutter | Mobile interface for warehouse managers to claim, review, and complete User Tasks. |\n| [`go-ecommerce/`](./go-ecommerce) | Go (Gin) | Webhook server parsing HMAC signatures (`X-NativeBPM-Signature`) on execution events. |\n| [`python-ai-worker/`](./python-ai-worker) | Python | Long-polling worker executing AI Agent reviews using LLMs and completing service tasks. |\n| [`rust-cli/`](./rust-cli) | Rust (Clap / Tokio) | Command-line tool to compile, validate, and deploy BPMN XML definitions to the engine. |\n| [`java-loan-pipeline/`](./java-loan-pipeline) | Java (Spring Boot) | Initiates financial loan approvals and routes instances via the Java SDK. |\n| [`dotnet-leave-requests/`](./dotnet-leave-requests) | C# (.NET Core) | Web API project orchestrating employee vacation requests. |\n| [`php-doc-approval/`](./php-doc-approval) | PHP (Composer) | Handles business document approvals using the PHP client wrapper. |\n| [`kotlin-warehouse/`](./kotlin-warehouse) | Kotlin (JVM) | Stock picking worker console application claiming tasks and updating payloads. |\n\n---\n\n## 🎨 Features \u0026 Highlights\n\n### 1. BPMN Process Visualization\nAll UI frontends (React and Vue) support embedding the NativeBPM process visualization widget:\n- Fetches live layout and status via the SDK (`client.instances().getVisualizationHTML()`).\n- Highlights completed elements, active elements, and token states with interactive CSS.\n- Automatically falls back to an SVG-rendered simulation if the local engine is offline.\n\n### 2. Declarative Form Generation\nForms are dynamically compiled directly from the BPMN definitions using JSON Schema, avoiding client-side state creep:\n- React client uses `@rjsf/core` to parse and render inputs.\n- Vue client implements a reactive schema parser translating fields dynamically.\n\n---\n\n## 🛠 Running the Examples\n\n### TypeScript Stack (Backend + React + Vue)\n1. **Start the backend**:\n   ```bash\n   cd typescript-backend\n   npm install\n   npm run dev # Starts on http://localhost:4000\n   ```\n2. **Start the React frontend**:\n   ```bash\n   cd frontend-react\n   npm install\n   npm run dev\n   ```\n3. **Start the Vue frontend**:\n   ```bash\n   cd frontend-vue\n   npm install\n   npm run dev\n   ```\n\n### Go E-Commerce Webhook Server\n```bash\ncd go-ecommerce\ngo mod tidy\ngo run main.go\n```\n\n### Python AI Agent Worker\n```bash\ncd python-ai-worker\npython3 -m venv .venv\nsource .venv/bin/activate\npip install -r requirements.txt\npython main.py\n```\n\n### Rust CLI\n```bash\ncd rust-cli\ncargo run -- --file path/to/process.bpmn\n```\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fnativebpm%2Fnativebpm-awesome","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fnativebpm%2Fnativebpm-awesome","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fnativebpm%2Fnativebpm-awesome/lists"}