Web Sequence

Web Sequence is a Free Sequence Diagram Online tool that converts your Chrome tab into a sequence diagram generator.

Table of Contents

• Web Sequence
  • Table of Contents
  • Installation
    • Features
  • Development
  • CI/CD
    • Staging environment
    • Production environment
  • Support
  • Acknowledgements
    • License

Installation

1. Web App - https://app.zenuml.com
2. Chrome Extension - Chrome Web Store - ZenUML Sequence.

Features

• Supports method call, internal method, alt (if/else) and loop (for, foreach, while) keywords
• Works offline
• Save and load your creations
• Auto-save feature
• Code auto-completion
• Import & Export all creations anytime, anywhere
• Multiple editor themes & other configurable settings
• Font options + use any system font!
• Very easily accessible. Simply open a new tab in Chrome! (in chrome extension only)
• Capture preview screenshot (in Chrome extension only)

Follow @ZenUml for updates or tweet out feature requests and suggestions.

Development

$ yarn install  // instal modules
$ yarn start    // start a local server

$ yarn build    // build a staging release
$ yarn release  // copy resources to app / extension

CI/CD

Staging environment

1. When a PR is created or updated, the branch is built and packaged for validation (no staging deploy).
2. When a PR is merged into master, the staging site is deployed (https://staging.zenuml.com), then the full Playwright E2E suite runs against the live staging site as a gate.

Production environment

Production releases use a draft-then-publish flow — you no longer hand-craft tags:

1. When the staging E2E gate passes on master, CI automatically creates a draft GitHub Release (release-<timestamp>) with extension.zip attached.
2. Review the draft and click Publish. Publishing triggers the Deploy to Prod workflow → https://app.zenuml.com, followed by an automatic @smoke check against the live site.

Rollback: for a hosting-only regression, run firebase hosting:rollback --project prod (instant). If functions or Firestore rules also need reverting, run the Rollback Production workflow (workflow_dispatch) with a prior release-* tag — it re-deploys all surfaces. See docs/adr/0001.

Support

Web Sequence is completely free and open-source. If you find it useful, you can show your support by sharing it in your social network or by simply letting me know how much you 💖 it by tweeting to @ZenUml.

Acknowledgements

• This project is a fork of Web Maker
• The diagram generator is built on top of VueJs

License

MIT Licensed

Copyright (c) 2023 Peng Xiao, ZenUml.com